|
Chinar 堅持將簡單的生活方式，帶給世人！ （擁有更好的閱讀體驗 —— 高分辨率用戶請根據需求調整網頁縮放比例） |
|
助力快速理解 Unity UGUI Layout 布局組件的使用場景 為新手節省寶貴的時間，避免采坑！ |
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 —— 搞開發，總有一天要做的事！
|
Chinar 提供一站式教程，閉眼式創建！ 為新手節省寶貴時間，避免采坑！ |
先點擊領取 —— 阿里全產品優惠券 (享受最低優惠)
1 —— 雲服務器超全購買流程 (新手必備!)
2 —— 阿里ECS雲服務器自定義配置 - 購買教程(新手必備!)
3—— Windows 服務器配置、運行、建站一條龍 !
4 —— Linux 服務器配置、運行、建站一條龍 !
技術交流群：806091680 ！ Chinar 歡迎你的加入
本博客為非營利性個人原創，除部分有明確署名的作品外，所刊登的所有作品的著作權均為本人所擁有，本人保留所有法定權利。違者必究
對於需要復制、轉載、鏈接和傳播博客文章或內容的，請及時和本博主進行聯系，留言，Email: ichinar@icloud.com
對於經本博主明確授權和許可使用文章及內容的，使用時請注明文章或內容出處並注明網址