Unity UGUI的HorizontalLayoutGroup水平布局组件介绍使用
更新时间：2023年07月26日 11:45:59 作者：AlianBlank
这篇文章主要为大家介绍了Unity UGUI的HorizontalLayoutGroup水平布局组件介绍使用，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
Unity UGUI的HorizontalLayoutGroup（水平布局）组件的介绍及使用
1. 什么是HorizontalLayoutGroup组件？
HorizontalLayoutGroup是Unity UGUI中的一种布局组件，用于在水平方向上对子物体进行排列和布局。它可以根据一定的规则自动调整子物体的位置和大小，使它们在水平方向上均匀分布。
2. HorizontalLayoutGroup的工作原理
HorizontalLayoutGroup组件通过以下步骤实现水平布局：
- 获取所有子物体的RectTransform组件。
- 根据子物体的大小和布局规则，计算出每个子物体的位置和大小。
- 调整子物体的位置和大小，使它们在水平方向上均匀分布。
3. HorizontalLayoutGroup的常用属性
Spacing：子物体之间的间距。ChildForceExpandWidth：是否强制子物体扩展宽度以填充整个水平布局。ChildForceExpandHeight：是否强制子物体扩展高度以填充整个水平布局。ChildControlWidth：是否控制子物体的宽度。ChildControlHeight：是否控制子物体的高度。
4. HorizontalLayoutGroup的常用函数
CalculateLayoutInputHorizontal()：计算水平布局的输入。CalculateLayoutInputVertical()：计算垂直布局的输入。SetLayoutHorizontal()：设置水平布局。SetLayoutVertical()：设置垂直布局。
5. 例子代码
例子1：创建一个水平布局，并添加三个子物体
using UnityEngine;
using UnityEngine.UI;
public class Example : MonoBehaviour
{
public HorizontalLayoutGroup layoutGroup;
public GameObject childPrefab;
void Start()
{
for (int i = 0; i < 3; i++)
{
GameObject child = Instantiate(childPrefab, layoutGroup.transform);
child.GetComponent<Text>().text = "Child " + (i + 1);
}
}
}操作步骤：
- 创建一个空物体，并添加HorizontalLayoutGroup组件。
- 创建一个子物体预制体，包含一个Text组件。
- 将子物体预制体拖拽到layoutGroup的Child Prefab属性中。
- 运行游戏，可以看到三个子物体在水平方向上均匀分布。
例子2：设置子物体之间的间距
using UnityEngine;
using UnityEngine.UI;
public class Example : MonoBehaviour
{
public HorizontalLayoutGroup layoutGroup;
public GameObject childPrefab;
void Start()
{
layoutGroup.spacing = 20f;
for (int i = 0; i < 3; i++)
{
GameObject child = Instantiate(childPrefab, layoutGroup.transform);
child.GetComponent<Text>().text = "Child " + (i + 1);
}
}
}操作步骤：
- 创建一个空物体，并添加HorizontalLayoutGroup组件。
- 创建一个子物体预制体，包含一个Text组件。
- 将子物体预制体拖拽到layoutGroup的Child Prefab属性中。
- 将layoutGroup的Spacing属性设置为20。
- 运行游戏，可以看到子物体之间的间距变为20。
例子3：强制子物体扩展宽度以填充整个水平布局
using UnityEngine;
using UnityEngine.UI;
public class Example : MonoBehaviour
{
public HorizontalLayoutGroup layoutGroup;
public GameObject childPrefab;
void Start()
{
layoutGroup.childForceExpandWidth = true;
for (int i = 0; i < 3; i++)
{
GameObject child = Instantiate(childPrefab, layoutGroup.transform);
child.GetComponent<Text>().text = "Child " + (i + 1);
}
}
}操作步骤：
- 创建一个空物体，并添加HorizontalLayoutGroup组件。
- 创建一个子物体预制体，包含一个Text组件。
- 将子物体预制体拖拽到layoutGroup的Child Prefab属性中。
- 将layoutGroup的Child Force Expand Width属性设置为true。
- 运行游戏，可以看到子物体的宽度被扩展以填充整个水平布局。
例子4：控制子物体的宽度和高度
using UnityEngine;
using UnityEngine.UI;
public class Example : MonoBehaviour
{
public HorizontalLayoutGroup layoutGroup;
public GameObject childPrefab;
void Start()
{
layoutGroup.childControlWidth = false;
layoutGroup.childControlHeight = false;
for (int i = 0; i < 3; i++)
{
GameObject child = Instantiate(childPrefab, layoutGroup.transform);
child.GetComponent<Text>().text = "Child " + (i + 1);
}
}
}操作步骤：
- 创建一个空物体，并添加HorizontalLayoutGroup组件。
- 创建一个子物体预制体，包含一个Text组件。
- 将子物体预制体拖拽到layoutGroup的Child Prefab属性中。
- 将layoutGroup的Child Control Width和Child Control Height属性都设置为false。
- 运行游戏，可以看到子物体的宽度和高度不受控制，保持原始大小。
例子5：自定义布局规则
using UnityEngine;
using UnityEngine.UI;
public class Example : MonoBehaviour
{
public HorizontalLayoutGroup layoutGroup;
public GameObject childPrefab;
void Start()
{
layoutGroup.childAlignment = TextAnchor.MiddleCenter;
for (int i = 0; i < 3; i++)
{
GameObject child = Instantiate(childPrefab, layoutGroup.transform);
child.GetComponent<Text>().text = "Child " + (i + 1);
}
}
}操作步骤：
- 创建一个空物体，并添加HorizontalLayoutGroup组件。
- 创建一个子物体预制体，包含一个Text组件。
- 将子物体预制体拖拽到layoutGroup的Child Prefab属性中。
- 将layoutGroup的Child Alignment属性设置为Middle Center。
- 运行游戏，可以看到子物体在水平方向上居中对齐。
注意事项
- HorizontalLayoutGroup组件只能用于水平布局，如果需要垂直布局，可以使用VerticalLayoutGroup组件。
- 子物体的RectTransform组件的锚点和位置会影响布局效果，需要根据实际需求进行调整。
参考资料
Unity官方文档 - HorizontalLayoutGroup
以上就是Unity UGUI的HorizontalLayoutGroup水平布局组件介绍使用的详细内容，更多关于Unity UGUI水平布局组件的资料请关注脚本之家其它相关文章！
相关文章
这篇文章主要介绍了C#中互操作性的相关资料,文中讲解非常细致，帮助大家更好的理解和学习，感兴趣的朋友可以了解下2020-07-07
这篇文章主要给大家介绍了如何通过一篇文章彻底搞清楚c#中的委托与事件，文中通过示例代码介绍的非常详细，对大家学习或者使用c#具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-07-07
这篇文章主要为大家详细介绍了C#实现根据年月日计算星期几的函数，感兴趣的小伙伴们可以参考一下2016-08-08
本文主要介绍了C# 程序集和反射的相关知识。具有一定的参考价值，下面跟着小编一起来看下吧2017-01-01
这篇文章主要为大家详细介绍了如何使用C#开发的简单绘图工具,可以将签名简单绘图后的效果以图片的形式导出,有需要的小伙伴可以跟随小编一起学习一下2024-02-02
c# 调用.bat文件主要利用了using System.Diagnostics;命名空间，大家可以参考下。2009-06-06
结构和类的共同点都是属于抽象数据类型，包含数据和数据的操作。不同点在于结构偏重于数据语意，而类偏重於行为语意。2012-12-12
这篇文章介绍了C#使用LINQ查询操作符的方法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-06-06
这篇文章主要介绍了C#使用struct直接转换下位机数据的示例代码,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2021-01-01
这篇文章主要介绍了详解C# 利用反射根据类名创建类的实例对象，“反射”其实就是利用程序集的元数据信息，感兴趣的小伙伴们可以参考一下。2017-03-03
最新评论