使用方法
假設(shè)有三張大小不一樣的圖片哲鸳,要橫向排布成下面這個樣子
先創(chuàng)建3個Image控件,然后使用一個GameObject物體做為父物體
然后隨便弄三張大小不相同的圖到Image控件上集灌,點(diǎn)擊 Set Native Size 按鈕設(shè)置控件大小為圖片原始的大小
現(xiàn)在3張圖還是重疊到一起的
給父控件添加一個 Horizontal Layout Group 組件這樣三張圖片就變成了橫向排布的了
基本屬性
為了觀察 Horizontal Layout 組件各個屬性的效果,把 Image1 Image2 Image3 設(shè)置為不同的背景顏色,同時給父物體 Item 也添加上一個 Image 組件蝶涩,然后設(shè)置一下背景顏色
Child Alignment
子物體(三張圖片)相對于父物體的對齊方式
Padding
這個屬性比較好理解驶鹉,就是布局元素相對于父物體的內(nèi)邊距的大小
可以看到雖然設(shè)置了四個方向的內(nèi)邊距都為10绩蜻,但是由于背景太大了,只有左側(cè)和頂部的邊距是正確的室埋,原因是因?yàn)楝F(xiàn)在子物體的對齊方式為 Left Upper办绝。
把對齊方式調(diào)整為 Lower Right 后伊约,右側(cè)和底部的邊距顯示正確了
當(dāng)對齊方式為 Middle Center時,Padding屬性就沒有效果了
另外有一點(diǎn)孕蝉,無論對齊方式是什么屡律,子物體的左內(nèi)邊距的值都會保證大于Padding的Left值
Spacing
子物體(三張圖片)之間的距離
Child Force Expand
自動調(diào)整子物體(三張圖片)之間的距離以適應(yīng)父物體的寬和高
可以看到當(dāng)父物體寬度增加的時候,子物體之間的距離也響應(yīng)的邊大了
Control Child Size
這個屬性在使用的時候需要和 Child Force Expand 屬性配合使用
之前勾選上 Child Force Expand 的 Width 選項(xiàng)后圖片本身的大小不會改變降淮,而當(dāng)勾選上 Control Child Size 的 Width 選項(xiàng)后超埋,當(dāng)父物體的寬度變化的時候,變化的不再是間距而是物體本身佳鳖,即圖片的大小
Vertical Layout的使用方法也與Horizontal相類似霍殴。