2.3.1核心组件RectTransform
在UGUI的每一个UI工具里都会有一个Rect Transform组件，这个组件是用来设置UI工具在UI里的位置（如图3-5Rect
Transform组件界面）。
图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的中心。
图3-6Anchors（锚点）界面
在Anchors属性里对X轴和Y轴可以设定最小值（最小值为0）和最大值（最大值为1），当选择了Anchors位置为左上角时会看到Anchors属性里X轴和Y轴的变化（X轴为最小值0，Y轴为最大值1，如图：3-7 Anchors坐标）。
图3-7 Anchors坐标
3.Pivot属性功能
Pivot是指中心点。默认在UI工具的中心，即XY的坐标为（0.5,0.5）。UI工具的Pivot坐标排布规律是左下角到右上角的坐标位置分别是从（0,0）到（1,1）。如图：
4.Rotation属性功能
Rotation具有旋转属性，可分别设置X轴、Y轴、Z轴来对UI进行旋转。新建的UI工具默认的Rotation值都为0；例如要将一个Button（按钮）的Z轴旋转一个角度，在Scene视图就可以看到UI工具的变化（如图：3-8旋转Button的Z轴）。
图：3-8旋转Button的Z轴
5.Scale属性功能
Scale具有放缩功能，可分别设置X轴、Y轴、Z轴来对UI进行缩放。新建的UI工具默认的Scale值都为1；例如要将一个Button（按钮）的Y轴放大3倍，在Scene视图就可以看到Button的变化（如图：3-9放大Button的Y轴）。
图：3-9放大Button的Y轴
2.3.2Canvas Renderer（画布渲染）
UGUI下所有的工具只有拥有Canvas
Renderer属性才可以在Canvas下进行渲染，即显示在UI窗口中。当一个UI工具显示在UI中时该组件无法被移除。
网友评论