UGUI之Horizontal Layout Group组件介绍

office0228 2018-01-23

展开全文

Horizontal Layout Group是HorizontalOrVerticalLayoutGroup的子类，HorizontalOrVerticalLayoutGroup又是LayoutGroup的子类

脚本截图如下：
这里写图片描述

图中包括以下属性：
1、Padding：RectOffset类型，矩形偏移
源码如下：

public sealed class RectOffset
{
    public RectOffset();
    public RectOffset(int left, int right, int top, int bottom);

    ~RectOffset();

    public int bottom { get; set; }       //底边缘
    public int horizontal { get; }        //水平
    public int left { get; set; }         //左边缘
    public int right { get; set; }        //右边缘
    public int top { get; set; }          //顶边缘
    public int vertical { get; }          //垂直

    public Rect Add(Rect rect);           //向一个Rect添加边框偏移
    public Rect Remove(Rect rect);        //从一个Rect移除边框偏移
    public override string ToString();      
}1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

如下面几个图中：
图一：默认情况

这里写图片描述

图二：只改变Padding

这里写图片描述

当Padding中的边缘大小过大时，会自动缩放布局元素以保持布局元素均在边框内，从下图可以看出
图三
这里写图片描述

2、Spacing：float类型
布局元素之间的间隔

图四：只改变Spacing

这里写图片描述

当Spacing过大，会自动缩放布局元素以保持布局元素均在边框内，从下图可以看出布局元素宽度缩小了
图五：

这里写图片描述

3、Child Alignment：TextAnchor枚举类型，文本锚点
源码如下：

public enum TextAnchor
{
    UpperLeft = 0,           //上左
    UpperCenter = 1,         //上中
    UpperRight = 2,          //上右
    MiddleLeft = 3,          //中左
    MiddleCenter = 4,        //中中
    MiddleRight = 5,         //中右
    LowerLeft = 6,           //下左
    LowerCenter = 7,         //下中
    LowerRight = 8           //下右
}1
2
3
4
5
6
7
8
9
10
11
12

4、Child Force Expand：有两个可选
（1）Width：是否强行扩大布局元素宽度以填补额外可用的空间
（2）Height：是否强行扩大布局元素高度以填补额外可用的空间
下面结合截图来说明：
图六：勾选Width，填补宽度
这里写图片描述