Advertisement

Unity 几种排版方式:Layout Group

阅读量:

前言:
*
您是否因在使用UI元素时难以处理一排元素而导致困扰?您是否因元素数量的动态变化而导致绝望?如果是的话,请 you be congratulated with the best medication available。

一、什么是Layout Group

Layout Group 被称作'布局组件'(Component),它是一种能够根据内部元素的数量变化而自动调整其显示位置的设计机制。具体来说,在 Layout Group 模式下,默认情况下会按照一定的规则排列其内部元素的位置。当该 Layout Group 中的元素数量发生变动时(如新增或删除某个子项),系统会自动重新计算并更新各个子项的位置信息。这种机制不仅提高了界面设计的工作效率,还减少了手动调整的时间成本,特别适用于需要频繁更新内容的情况

在这里插入图片描述

当我们在父元素上增加一个Layout Group组件时,在修改子元素数量的情况下就会产生一个动态效果。不管怎样安排布局都会保持整齐有序的状态。

二、排版的几种方式

2.1、Horizontal Layout Group:

采用水平布局机制实现页面排版效果,在实际应用中即使子元素数量过多超出父容器后仍不进行换行处理

2.2、Vertical Layout Group:

该文档采用垂直排版策略来组织内容,在这种情况下,默认情况下如果一个容器内的元素数量超过其父容器的容量时会自动换行以避免超出父容器后换行

2.3、Grid Layout Group:

GridLayoutGroup亦称网格排版组,其名称暗示着可以通过面的形式进行排版安排
该种排版方式的特点在于可实现元素分行排列,此方法整合了HorizontalLayoutGroup与VerticalLayoutGroup各自的优点

Layout Group的具体使用:
在操作时,首先对涉及排版的父元素配置相应的排版类型;接着,在界面中会展示出属性面板(例如Grid Layout Group):

属性面板:

在这里插入图片描述

具体解释:

  • Padding类似于网页设计中的内边距。
  • Cell Size指的是组内每个布局元素所使用的尺寸。
  • Spacing代表布局之间各元素之间的间距。
  • Start Corner类似于居中、左侧或右侧排列。
  • Start Axis决定了放置位置的方向性;当开启新行时,默认水平方向填满整个行;当开启新列时,默认Vertical方向填满整个列。
  • Child Alignment如果剩余空间未被完全利用,则调整各布局元素的对齐方式。
  • `Constraint用于限定网格仅包含固定数量的行或列,并通过此机制辅助实现自动布局功能。

全部评论 (0)

还没有任何评论哟~