Unity-UGUI-区域布局之部分区域自适应分辨率拉伸填充
示例要求将屏幕分为左、中、右 三个填充区域所有区域高度全部填充左右区域固定宽度中间区域随分辨率自动拉伸填充实现使用 Horizontal Layout Group Layout Element创建父物体Container设置为全屏拉伸添加Horizontal Layout Group组件Child AlignmentMiddle Left或 Middle Center勾选 Control Child Size Width Height取消勾选Child Force Expand Width重要勾选Child Force Expand Height重要Spacing设为 0左、中、右三个区域作为 Container 的子物体LeftPanel添加Layout Element仅勾选Preferred Width并设为200。RightPanel添加Layout Element仅勾选Preferred Width并设为200。CenterPanel添加Layout Element仅勾选Flexible Width并设为1。解析Preferred Width 为固定最小宽度Flexible Width是 Unity UGUI 中Layout Element组件的一个属性它的含义可以理解为“弹性宽度”或“伸缩比例”。它主要在父物体带有自动布局组件比如Horizontal Layout Group时生效用来控制子物体如何瓜分父容器里的剩余空间。先分“固定”的部分Preferred 剩下的空间按“Flexible”比例分若布局中存在多个Flexible则会将除Preferred外的剩余区域按照各个Flexible值来按比例分配如果两个子物体都设了Flexible Width 1那它们就会平分剩余空间如果一个是 2另一个是 1那就 2:1 分配。各组件其他参数的调整可实现更多的布局区域分配效果