UGUI工具的通用属性

2.3.1核心组件RectTransform


在UGUI的每一个UI工具里都会有一个Rect Transform组件,这个组件是用来设置UI工具在UI里的位置(如图3-5Rect

Transform组件界面)。


UGUI工具的通用属性_第1张图片
图3-5Rect Transform组件界面



1.位置和宽高属性功能

Pos X、Pos Y、Pos Z代表该UI工具的X、Y、Z轴坐标。可以通过改变X/Y/Z的坐标来修改UI工具的位置信息。

Width和Height是表示该UI工具的宽度和高。可以通过修改该属性来调整UI工具的宽度和高度。

2.Anchors(锚点)属性功能

在Rect Transform组件下有一个Anchors(锚点)属性。任何子物体的默认锚点都是以其父物体为基准,新建UI工具的默认位置是其父物体中心。例如:在Canvas下新建一个Button(按钮)UI工具,在属性面板里点击锚点图标会出现可视化编辑锚点界面(如图3-6Anchors(锚点)界面),在场景视图里会看到锚点在Canvas的中心。


UGUI工具的通用属性_第2张图片
                 图3-6Anchors(锚点)界面

      在Anchors属性里对X轴和Y轴可以设定最小值(最小值为0)和最大值(最大值为1),当选择了Anchors位置为左上角时会看到Anchors属性里X轴和Y轴的变化(X轴为最小值0,Y轴为最大值1,如图:3-7 Anchors坐标)。


UGUI工具的通用属性_第3张图片
图3-7 Anchors坐标

3.Pivot属性功能

Pivot是指中心点。默认在UI工具的中心,即XY的坐标为(0.5,0.5)。UI工具的Pivot坐标排布规律是左下角到右上角的坐标位置分别是从(0,0)到(1,1)。如图:


UGUI工具的通用属性_第4张图片


4.Rotation属性功能

Rotation具有旋转属性,可分别设置X轴、Y轴、Z轴来对UI进行旋转。新建的UI工具默认的Rotation值都为0;例如要将一个Button(按钮)的Z轴旋转一个角度,在Scene视图就可以看到UI工具的变化(如图:3-8旋转Button的Z轴)。


UGUI工具的通用属性_第5张图片
图:3-8旋转Button的Z轴

5.Scale属性功能

Scale具有放缩功能,可分别设置X轴、Y轴、Z轴来对UI进行缩放。新建的UI工具默认的Scale值都为1;例如要将一个Button(按钮)的Y轴放大3倍,在Scene视图就可以看到Button的变化(如图:3-9放大Button的Y轴)。


UGUI工具的通用属性_第6张图片
图:3-9放大Button的Y轴


2.3.2Canvas Renderer(画布渲染)

UGUI下所有的工具只有拥有Canvas

Renderer属性才可以在Canvas下进行渲染,即显示在UI窗口中。当一个UI工具显示在UI中时该组件无法被移除。


你可能感兴趣的:(UGUI工具的通用属性)