Chinar 教程效果：

1

Layout —— 佈局元件

我們在做專案的時候，經常有需求

需要將某個板塊中的資訊，圖示給整理，整齊的進行排版

如果我們一個的把方塊、或者這種長條形的Ui給逐個建立，工作量十分大，而且容易出錯導致位置偏移

Unity 為我們提供了 Layout 佈局元件

可以非常方便的實現此類需求

例如這樣的效果：

2

Create BG Image —— 建立背景

可以是 Image 或者 空物體都行

然後在遊戲物體上，新增對應的 Layout 元件

3

Create element —— 建立元素

在父物體 BG / 空物體下建立需要的元素 （隨意建立，可以建立後再完成元素大小的調整）

相同的元素，只需要建立一個，然後批量的進行生成 / 複製即可

4

Layout ComPonent Type —— 佈局元件型別

常用的是下列3個佈局元件：

Grid Layout Group 網格佈局 —— 支援豎向、橫向排列

Horizontal Layout Group 網格佈局 —— 僅支援橫向排列

Vertical Layout Group 網格佈局 —— 僅支援豎向排列

具體引數很簡單，無非就是寬高，間距大小之類的，還有設定排列、開始位置等等

注意：

也可以，直接在父物體下，直接生成一定數量的預設物，來完成網格的填充

動態生成，可控性很高

支援

May Be —— 搞開發，總有一天要做的事！

技術交流群：806091680 ！ Chinar 歡迎你的加入

本部落格為非營利性個人原創，除部分有明確署名的作品外，所刊登的所有作品的著作權均為本人所擁有，本人保留所有法定權利。違者必究

對於需要複製、轉載、連結和傳播部落格文章或內容的，請及時和本博主進行聯絡，留言，Email: [email protected]

對於經本博主明確授權和許可使用文章及內容的，使用時請註明文章或內容出處並註明網址