unity之Layout Group居中顯示

推薦閱讀:

Layout Group

首先介紹一下Layout Group,unity的LayoutGroup分爲三種,

Horizontal Layout Group(水平佈局)

Padding:間隔
CellSize:子物體大小
Spacing:子物體之間的間隔
Start Corner:子物體排列的角度
Start Axis:子物體排列方向
Child Alignment:子物體整體位於什麼方位
Constraint 約束:Flexible靈活的( 按照父物體長寬自動橫豎行 ) Fixed Column Count 指定列數 Fixed Row Count 指定行數

Vertical Layout Group(垂直佈局)
Grid Layout Group (網格佈局)

child force expand:是否強制拉伸長寬到父物體大小
單是一個佈局組件很難實現想要的效果,還可以再添加一個Content Size Fitter 組件配合使用(只是用來過濾尺寸,沒有設置的選項默認爲0處理,比如選擇Min Width ,但是子物體上沒有設置過Min Width ,那麼它就沒有寬度)。
Content Size Fitter 內容大小過濾 組件
Horizontal Fit:子物體橫向適配(Unconstrained 不受約束 Preferred Size 首選尺寸 Min Size 最小尺寸)
Vertical Fit:子物體豎向適配
Layout Element 佈局元素 組件( 子物體上需要添加 )
Min Width:最小寬度( 不受父物體寬度影響 )
Min Height:最小高度
Preferred Width:首選寬度( 最大不能超過父物體寬度 )
Preferred Height:首選高度
Flexible Width:靈活寬度 ( 只有0和大於0兩種 大於0的話會自動補全寬度)
Flexible Height:靈活高度

需求:

物品居中對齊,且間距不變。
例如:
當有兩個物品時:
在這裏插入圖片描述
當有四個物品時:
在這裏插入圖片描述

實現

注意:需要重點注意的是改gameObject的width不能比所有子物體的的width之和小
在這裏插入圖片描述
Spacing 表示 cell之間的距離。
Child Alignment 表示對齊方式。
Child Controls Size 表示是否控制(改變)子物體大小
Child Force Expand 表示 自適應 寬 和高
案例資源鏈接:layoutGroup.unitypackage
同樣使用改組件,實現自動收縮功能:
收縮前是這樣子的:
在這裏插入圖片描述
收縮後是這樣子的:
在這裏插入圖片描述
實現:
在這裏插入圖片描述
標題:
在這裏插入圖片描述
滑動列表:
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章