Unity UI布局(Layout)與布局元素(Layout Element)


本篇文章以相對布局為主,以一個例子進行講解。

相對布局也就是說,窗口在縮放時,控件以相對大小的比例進行縮放。
用到的組件有以下三個(網格布局靈活性不如橫豎排高,在這里不實用):

我的最終目標是這樣的:

上半部分和下半部分比例為2:1,左半部分和右半部分比例為2:3

好了,我們開始!

首先創建左側豎排兩個元素,在Unity里創建3個panel,按照如下的層級關系放置:

為了下面叫着方便,我們改個名區別一下:

接下來,給上一級的PanelLeft添加豎直布局組件,並將紅框中的勾都去掉

給PanelUp和PanelDown添加布局元素,並分別設置Flexible Height為2和1,這個Flexible Height就是用於設置控件顯示比例的


接下來,調整PanelLeft中的參數,我們希望兩個子panel的寬度和PanelLeft一致,所以勾選Child Force Expand,同時需要他們隨着PanelLeft大小改變而改變,所以勾選Control Child Size

這樣就完成了一半,剩下的部分是類似,就不再講解了~

完成


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM