天天看点

UGUI系列——Unity Auto Layout的使用(一)基础知识点Unity Layout组件

UGUI系列其他博文,可通过导航帖查看

基础知识点

先说一下UI的 Pivot,这个是UI的轴心点,UI上锚点的AnchoredPosition是以它为基准的,左下角是Pivot的(0,0)点,左上角是(0,1)点,以此类推。

你如果想修改一个UI的高度或宽度,但是又不想改变它的位置,那么 修改轴心点 就是你想要的。

UGUI系列——Unity Auto Layout的使用(一)基础知识点Unity Layout组件

如图,这样设置后,修改width时,因为它的基准点时在x轴的中心,所以你增加的宽度会平均分配到两侧,中心的不变,但是,你设置高度时,y轴就会出现,无论height怎么改变,它的上边的位置永远是不变的,增加的高度都会延长下边。

Unity Layout组件

下面,进入正题

unity的Layout组件分成三种:

1)水平布局:Horizontal Layout Group

UGUI系列——Unity Auto Layout的使用(一)基础知识点Unity Layout组件

Padding:是调整内边距的参数,也就是你想让被自动布局部分离边有多少像素,就设置成多少,很简单,不多说。

Spacing:每个子物体之间间隔多少像素

Child Alignment:对齐方式

Child Controls Size:布局组件是否控制子物体的Width/Heigh

Child Force Expand:是否自适应Width/Heigh

2)垂直布局:Vertical Layout Group

UGUI系列——Unity Auto Layout的使用(一)基础知识点Unity Layout组件

参数同Horizontal Layout Group完全一样

3)网格布局:Grid Layout Group

UGUI系列——Unity Auto Layout的使用(一)基础知识点Unity Layout组件

Padding:是调整内边距的参数

Cell Size:用来设置子物体的大小

Spacing:每个子物体之间x轴/y轴上的间隔像素

Start Corner:第一个子物体所在角落

例如:

选择Upper Left,子物体顺序如下

UGUI系列——Unity Auto Layout的使用(一)基础知识点Unity Layout组件

选择Lower Left,子物体顺序如下

UGUI系列——Unity Auto Layout的使用(一)基础知识点Unity Layout组件

Start Axis:子物体排列的轴向,也就是纵向排列还是横向排列的选择

Child Alignment:对齐方式

Constraint:把子物体约束成固定的行或者列

flexible:自由排列,也就是根据选择的轴向,自动排列,剩余空间不够便自动换行/换列

fixed column count:限制列数

fixed row count:限制行数

我会在我的公众号上推送新的博文,也可以帮大家解答问题

微信公众号 Andy and Unity 搜索名称或扫描二维码

UGUI系列——Unity Auto Layout的使用(一)基础知识点Unity Layout组件

希望我们能共同成长,共同进步