设为首页收藏本站
开启辅助访问

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

 您所在的位置：网站首页 › 如何快速排列图片背景 › 【unity3D】水平方向上UI自动排列整齐(Horizontal Layout Group组件)

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

2024-07-12 03:50| 来源: 网络整理| 查看: 265

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

Horizontal Layout Group 属性介绍属性详解使用以及效果展示补充

属性介绍

在这里插入图片描述

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

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

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

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

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

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

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

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

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



【本文地址】


今日新闻

推荐新闻

CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3