UI控件的Transform组件NGUI从入门到实战大学霸

UI控件的Transform组件NGUI从入门到实战大学霸

2.1.2  UI控件的Transform组件UI控件的Transform组件NGUI从入门到实战大学霸

对于Unity中的所有游戏对象，Transform组件决定了游戏对象的位置、朝向和大小。对于使用NGUI创建的UI控件，也是游戏对象，也可以通过Transform组件修改自己的位置、朝向和大小，只不过略有不同而已，如图2-9所示。本小节要介绍的就是：修改游戏场景中UI控件位置、朝向和大小的方法。

图2-9  普通游戏对象与UI控件对象的Transform组件比较UI控件的Transform组件NGUI从入门到实战大学霸

提示：深色的区域表示不建议在此处修改属性的值，NGUI提供了其它的方式做修改。

1.UI控件的位置UI控件的Transform组件NGUI从入门到实战大学霸

修改UI控件的位置，与修改普通游戏对象位置的方式一致，既可以通过设置Transform组件里P属性的值，又可以通过鼠标拖动UI控件的坐标轴，如图2-10所示。

图2-10  修改UI控件位置的两种方式UI控件的Transform组件NGUI从入门到实战大学霸

提示：尽量不要改变UI控件在Z轴方向上的值，令其为0就好。读者也无需担心各UI控件在游戏视图中的先后位置，因为即使是Z轴方向上的值都是0，也可以通过设置此UI控件里的Depth属性来改变各UI控件的先后位置，关于这方面的内容，会在后面马上讲解到。

2.UI控件的朝向UI控件的Transform组件NGUI从入门到实战大学霸

至于UI控件的朝向，就不建议读者直接修改Transform组件的R属性了，对UI控件朝向的设置应该完全在Scene视图中，使用鼠标来完成。在Scene视图中，UI控件的外侧是个矩形的，带有蓝色圆点的框线。读者只需要将鼠标移动到框线外侧靠近蓝色圆点的位置处，待鼠标图标变成 的时候，按下鼠标左键拖动，就可以旋转UI控件了，如图2-11所示。

图2-11  在Scene视图中旋转UI控件

提示：默认情况下，拖动鼠标的时候，UI控件是以15°为单位旋转的。读者如果需要使用更小的精度，可以在拖动鼠标的同时按下键盘上的Shift键，这种方法会让UI控件以1°为单位旋转。

3.UI控件的大小

和UI控件的朝向一样，NGUI同样不建议读者直接修改Transform组件的S属性。而NGUI提供了两种方法：

q  移动鼠标选中拥有蓝色圆点框线的蓝色圆点，待鼠标图标变成 的时候，拖动鼠标即可，如图2-12所示；

提示：此种方法会改变UI控件中心点的位置；

图2-12  使用鼠标修改UI控件的大小

q  在UI控件上，有个名为Dimensions的属性，修改此属性的值就可改变UI控件的大小，如图2-13所示；

提示：此种方法不会改变UI控件中心点的位置；

图2-13  使用Dimensions属性修改UI控件的大小UI控件的Transform组件NGUI从入门到实战大学霸