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