UGUI-- 自动布局组件

这篇博客介绍了Unity的UGUI系统中的自动布局组件,包括自动布局的概念、布局元素的布局属性,如Flexible width/height,以及各种布局组件如水平垂直布局、网格布局和内容大小、宽高比适配器的使用方法和参数设置。
摘要由CSDN通过智能技术生成

1、自动布局是什么

虽然UGUI中的RectTransform已经非常方便地可以帮助我们快速布局,但是UGUI中还提供了很多可以帮助我们对UI控件进行自动布局的组件,可以帮助我们自动的设置UI控件的位置和大小等

自动布局的工作方式一般是:

自动布局控制组件+布局元素=自动布局

自动布局控制组件:Unity提供了很多用于自动布局的管理性质的组件用于布局

布局元素:具备布局属性的对象们,这里主要是指具备RectTransform的UI组件

2、布局元素的布局属性

例如:图片最下方,选择Layout Properties后会显示相关属性

要参与自动布局的布局元素必须包含布局属性

布局属性主要有以下几条:

<
Minmum width 该布局元素应具有的最小宽度
Minmum height 该布局元素应具有的最小高度
Preferred width

在分配额外可用宽度之前,此布局元素应具有的宽度

(可理解为最大宽度)

Preferred height

在分配额外可用宽度之前,此布局元素应具有的高度

(可理解为最大高度)

Flexible width 此布局元素应相对于其同级而填充的额外可用宽度的相对量
一.该类的作用: 该类可以帮大家自动布局界面控件,不需要开发人员每个控件的设置属性,只需要调用方法,自动会设置该控件的布局,并且控件的宽度随着窗体的变化而变化,该方法调用很简单 二.原理:使用TableLayOutPanle的功能,然后设定里面每个控件的样式 三.使用方法: 1)首先在录入数据的地方用GroupBox或者Panle作为容器(目前里面配置了这2中数据信息用户可以在ParentControlHeader类中进行相应配置) 2)然后在该容器中加入TableLayOutPanle控件,并设定行和列(例如:设定6列,奇数列的宽度都是绝对值:例如100px ,偶数列的宽度都设定为33%) 3)大家可以把相应的控件放入到TableLayOutPanle的相应单元格子中,(奇数列是标题列,偶数列是输入列) 4)在Load事件中这样调用就OK了 TableFormat tf = new TableFormat(tableLayoutPanel1); //此方法可以适用于父级控件是GroupBox或者Panel,您也可一修改 ParentControlHeader类中的配置文件,加入新的值,或者是修改已经设定的值 tf.SetTableFormat(true, PControlType.GroupControl); 这样,大家不需要设定每个TableLayout控件中的子控件的任何属性,TableFormat类帮自动布局界面上的控件,并且随着窗体的变化,控件是自动变化的,当然里面有些参数,是可以设定父级控件(GroupPanle/Panle的高度=里面行高(自动计算)+用户配置高度(目前配置了GroupBox和Panle) 详细可见Demo,代码注释写的比较详细,大家可以参考下. 谢谢..^_^.. (鼓励0资源分上传)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值