容器(qì)是個很方便的組件,靈活用好(hǎo)(hǎo)容器(qì),可以提高你的頁面設計效率,那麽下(xià)面我們用示例來看下(xià)如(rú)何操作(zuò)。
一(yī)、容器(qì)内的組件可以随容器(qì)一(yī)起被複制。比如(rú):容器(qì)内有文字、圖片等組件,複制容器(qì)時,文字和圖片組件也(yě)會同時被複制。那麽我們可以利用這個特性做很多事(shì)情。
比如(rú)頁面上(shàng)有很多類似的标題
那麽 我們可以先在容器(qì)内做一(yī)個出來
然後複制,容器(qì)内的文字都會随着容器(qì)被一(yī)起複制過來,那麽剩下(xià)的隻需要修改裏面的文字就(jiù)可以很快(kuài)速的做出多個标題來。
同理(lǐ),在内頁上(shàng)我們會有很多類似的二級欄目和導航标題以及其他一(yī)些(xiē)相同的内容,也(yě)可以放(fàng)在容器(qì)中,通過複制,修改相關内容達到快(kuài)速實現效果的目的。
隻需在容器(qì)内做一(yī)個列表出來,剩下(xià)兩個複制粘貼,修改圖片和列表的來源就(jiù)可以得到相同的設計效果了(le)。
這裏在告訴大家一(yī)個小竅門,當複制出三個列表容器(qì)以後,将最邊上(shàng)的兩個貼到系統輔助線的邊上(shàng)。
然後,在沒有選中任何組件的情況下(xià),按住Ctrl鍵,逐一(yī)選中三個列表容器(qì),然後點擊上(shàng)面工具欄的上(shàng)對齊
然後點擊橫向等間距對齊
那麽三個列表項就(jiù)很輕松的對齊了(le)
二、用容器(qì)組合多個組件。下(xià)面的圖上(shàng)就(jiù)是利用容器(qì)做的色塊,透明的背景都是用一(yī)個很小的透明背景png圖片來做的,裏面的人(rén)物和文字按照需要放(fàng)入到容器(qì)内,拖動容器(qì),就(jiù)可以很輕松的将裏面的内容一(yī)齊拖到想要的地方。輕松的移動也(yě)會大大提高你的設計效率。
額,原來可以按住Ctrl選中組件對齊,這個功能(néng)很實用,之前做頁面都沒用到,
求老司機多帶帶我們小白用戶
111111