目錄

1 布局 layout

1.1 先準備測試UI,新增這樣一組 panel 和 image

1.2 新增 vertical layout

1.3? 現在移動任意一個image 都會影響其他

1.3.1 對比?如果沒有這個，就會是覆蓋效果了

1.3.2?對比?如果沒有這個，就會是覆蓋效果了

1.4 總結： 在多個物體上的父物體加layout可以控制布局效果

2 layout的屬性

2.1 基本屬性

2.2 控制子物體大小

2.3 對齊方式

2.4 各個方向的頁邊距

2.5 間距

3 水平的類垂直的

4 網格的 grid layout

4.1 核心component 和屬性

5 用 scroll View +grid layout

5.1 測試效果

---

1 布局 layout

1.1 先準備測試UI,新增這樣一組 panel 和 image

• 先準備測試UI,新增這樣一組 panel 和 image

1.2 新增 vertical layout

1.3? 現在移動任意一個image 都會影響其他

1.3.1 對比?如果沒有這個，就會是覆蓋效果了

• 現在移動任意一個image 都會影響其他

1.3.2?對比?如果沒有這個，就會是覆蓋效果了

1.4 總結： 在多個物體上的父物體加layout可以控制布局效果

• 在多個物體上的父物體加layout可以控制布局效果
• 比如這里就是加在 面板panel 這個父物體上的

2 layout的屬性

2.1 基本屬性

2.2 控制子物體大小

• 布局改變時，會自動修改控制子物體大小

2.3 對齊方式

2.4 各個方向的頁邊距

2.5 間距

3 水平的類垂直的

省略

4 網格的 grid layout

就是父物體上的一個component，新建1個

4.1 核心component 和屬性

5 用 scroll View +grid layout

• scroll View 本身適合做文本的 滾動顯示
• scroll View +grid layout? 更適合做圖像列表的 滾動顯示，比如游戲背包

5.1 測試效果

• 新建一個 scroll view
• 在content添加很多圖片，
• 然后content上添加一個 grid layout
• 就可以了