【unity3D】水平方向上UI自动排列整齐(Horizontal Layout Group组件)

? 未来的游戏开发程序媛，现在的努力学习菜鸡
?本专栏是我关于游戏开发的学习笔记
?本篇是unity的Horizontal Layout Group

Horizontal Layout Group

属性介绍

在这里插入图片描述

属性功能
padding布局组边缘内的填充
Spacing布局元素之间的间距
Child Alignment用于子布局元素的对齐方式
Reverse Arrangement是否反向排列
Child Controls Size布局组是否控制其子项的宽度和高度
Child Force Expand是否要强制子项扩展以填充额外的可用空间

属性详解

（初始状态）
在这里插入图片描述
在这里插入图片描述

  1. padding：可以理解是和各边之间的距离。
    在这里插入图片描述

  2. Spacing：每个子物体之间的距离
    在这里插入图片描述

  3. Child Alignment：对齐方式
    在这里插入图片描述
    （左上）
    在这里插入图片描述
    （上中）
    在这里插入图片描述
    （右上）
    在这里插入图片描述
    （中左）
    在这里插入图片描述
    （居中）
    在这里插入图片描述
    （中右）
    在这里插入图片描述
    （左下）
    在这里插入图片描述
    （中下）
    在这里插入图片描述
    （右下）
    在这里插入图片描述

  4. Reverse Arrangement：是否反向排列
    比如1 5 2 8反向后就是8 2 5 1，图片也是一样
    （写了一半停了，后来忘了就把演示的面板删了?
    所以剩下三个不写了，自己勾选试试吧，功能就是字面意思）

使用以及效果展示

  1. 这是水平方向上的三个按钮，自己想要让他们精准的排列整齐，还需要自己计算transform，比较麻烦，而且再次调整时还需要重新计算，这时候我们可以用Horizontal Layout Group组件让他们自动排列
    在这里插入图片描述
  2. 新建一个空物体，将三个按钮作为子物体放在它的下面
    在这里插入图片描述
  3. 添加上组件的效果
    在这里插入图片描述
  4. 根据需要调节组件的参数
    在这里插入图片描述
  5. 调节之后的效果
    在这里插入图片描述

补充

这个是水平方向上的自动排列
水平和竖直（就是格子，背包系统/选关等等那种网格）自动排列有需要的可以看这一篇：Grid Layout Group组件

?更多内容请前往主页置顶或点击链接直达：【unity3D】游戏开发专栏的目录

注：本文转载自blog.csdn.net的猪肉丸子~的文章"https://blog.csdn.net/zhurouwanzi/article/details/131742393"。版权归原作者所有，此博客不拥有其著作权，亦不承担相应法律责任。如有侵权，请联系我们删除。
复制链接
相关推荐
发表评论

评论记录：

未查询到任何数据！