Unity中UI锚点的四种摆放形式

前言

Unity中不同的锚点摆放方式,当你进行父容器的操作的时候产生的效果也不相同,在其中摆放的方式有很多种,再次我列出几个经典的摆放形式。


第一种摆放方式:

固定位置
锚点呈点状:当UI的锚点为中心点时,不管富空间的大小怎么改变,UI距离锚点的位置固定,大小固定,此时RectTransform(Pos X,Pos Y,Width,Height)其中Pos X与Pos Y分别表示UI中心点到锚点的水平与方向距离,Width和Height是UI的大小

摆放方式如图:
Unity中UI锚点的四种摆放形式

简单的说就是:不管其空间的大小怎么改变都不会影响物体得到大小改变


第二个摆放方式:

自适应拉伸
摆放方式如下图:锚点与组件本身重合,当UI锚点为四方形或者与UI本身大小相同的时候,UI的大小与父控件的大小变换成正比,此时RectTransform(Left,Right,Bottom),分别为锚点左,上,右,底距离UI对应边的距离

摆放方式如下图
Unity中UI锚点的四种摆放形式

简单的说就是:当空间大小改变的时候物体的大小按照空间的大小比例进行缩放


第三个摆放方式:

跟随父节点边框拉伸
锚点跟父物体重合,当UI控件的锚点与父物体重合的时候,不管父物体怎么变化,UI控件四条边相对于锚点四条边的距离不变

摆放方式如下图:
Unity中UI锚点的四种摆放形式

简单的说就是:不管空间怎么变化,里面的物体到达各个边上的距离保持不变


第四种摆放方式:

单侧拉伸+单侧固定位置
锚点呈线状,当UI控件的锚点呈线状并为竖直方向时,则UI控件竖直方向的大小和父物体竖直方向的大小呈正比,水平方向大小不变,当锚点呈线状并且为水平方向的时候,则水平方向大小与父物体水平方向的大小呈正比,竖直方向大小不变

摆放方式如下图:
Unity中UI锚点的四种摆放形式

简单的说就是:空间当进行垂直拉伸的时候物体发生改变,宽度等比例缩放,水平拉伸的时候,物体不发生改变

总结

总的来说,没有哪一种是万能的“定锚”方式,不同的场景,不同的位置需要不同的定锚方式。利用锚点+Canvas Scaler组件,UGUI可以很好的实现各种机型适配,其中的细节需要大家自己去摸索。

希望这篇文章能够对你有所帮助