本篇文章以相對布局為主,以一個例子進行講解。
相對布局也就是說,窗口在縮放時,控件以相對大小的比例進行縮放。
用到的組件有以下三個(網格布局靈活性不如橫豎排高,在這里不實用):
我的最終目標是這樣的:
上半部分和下半部分比例為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
這樣就完成了一半,剩下的部分是類似,就不再講解了~
完成
