unity-常用的UI组件

目录

1. Mask

2. Content Size Fitter

3. Vertical Layout Group

4. Horizontal Layout Group

5. Grid Layout Group

---

1. Mask

Mask 组件用于限制子对象的渲染区域。只有在Mask区域内的部分会被渲染，区域外的部分会被裁剪掉。常用于制作滚动视图或裁剪效果。

• 应用场景：滚动列表、裁剪图像、局部显示内容。

2. Content Size Fitter

Content Size Fitter 组件根据内容自动调整UI元素的大小。它可以根据子元素或内容来调整自身的宽度和高度。

• Horizontal Fit：可以选择 Unconstrained（不约束），Min Size（最小尺寸） 或 Preferred Size（优先尺寸）。

• Vertical Fit：可以选择 Unconstrained（不约束），Min Size（最小尺寸） 或 Preferred Size（优先尺寸）。

• 应用场景：动态内容大小调整，例如文本框或动态生成的UI元素。

3. Vertical Layout Group

Vertical Layout Group 组件用于垂直排列其子元素。它会根据设定的间隔和对齐方式自动排列子对象。

• Padding：设置上下左右的内边距。

• Child Alignment：设置子对象的对齐方式。

• Spacing：设置子对象之间的间隔。

• Child Force Expand：强制子对象在指定方向上扩展以填充父容器。

• 应用场景：垂直排列按钮、列表项或其他UI元素。

4. Horizontal Layout Group

Horizontal Layout Group 组件用于水平排列其子元素。它的功能和设置选项类似于Vertical Layout Group，但排列方式为水平方向。

• Padding：设置上下左右的内边距。

• Child Alignment：设置子对象的对齐方式。

• Spacing：设置子对象之间的间隔。

• Child Force Expand：强制子对象在指定方向上扩展以填充父容器。

• 应用场景：水平排列按钮、图标或其他UI元素。

5. Grid Layout Group

Grid Layout Group 组件将子元素按网格方式排列。可以设置行和列的数量、单元格大小、间隔等属性，使子元素整齐地排列成网格。

• Cell Size：设置每个单元格的大小。

• Spacing：设置单元格之间的间隔。

• Start Corner：设置网格排列的起始角（左上、右上、左下、右下）。

• Start Axis：设置优先排列的轴（水平或垂直）。

• Constraint：设置约束条件（例如固定行数或列数）。

• 应用场景：网格排列图标、图片库、棋盘等布局。