Unity之新GUI系统介绍(2)

8、原始图像(Raw Image)

原始图像控件用来显示非交互图像控件,可以用来装饰或图标等。在其他控件中也可以通过脚本控制来改变原始图像。原始图像控件和图像控件相似,但是它不具有后者提供的动画控制和准确填充控件矩形的功能。同时,原始图像控件支持显示任何类型的纹理,而图像控件仅支持Sprite类型的纹理。

 

原始图像的属性和功能
属性 功能
Texture 表示要显示的图像纹理
Color 应用到图像的颜色
Material 为图像着色所使用的材质
UV Rect 在控件矩形中图像的偏移和尺寸以归一化坐标的形式表示(范围0.0~1.0),图像的边缘被拉伸以填充UV矩形周围控件

 

 

 

 

 

 

 

 

 

由于原始图像不要求必须使用Sprite格式的纹理,所以可以在Unity中显示任何类型的纹理,比如在游戏重显示一个WWW从URL下载的纹理。

UV属性允许显示一个较大图像的一小部分。X和Y坐标指定图像的哪一部分与空间的左下角对齐。比如X坐标为0.25表明从图像的四分之一处进行切割。W和H属性表示缩放以适应控件矩形部分的宽度和高度,宽度和高度为0.5表示缩放图像的四分之一在控件矩形上显示。

通过更改这些属性可以按需对图像进行缩放。

 

9、遮罩(Mask)

遮罩是一种不可见的UI组件(在Inspector视图中单击Add Component按钮后搜索Mask即可添加该组件),它可以用来修饰控件子元素的外观。遮罩将子元素限制为父物体的形状。如果子物体大于父物体将只显示和父物体大小相同的那一部分。

  • 其中Show Mask Graphic表示是否绘制父物体的图形。Mask通常和Image控件组合使用。

 

10、过渡选项(Transition Options)

过渡选项及其功能(在Inspector视图中单击Add Component按钮搜索Selectable添加完该组件后可看到Transition Options)。

 

过渡选项及其功能
过渡选项 功能
Color Tint 状态决定颜色,可以为每个单独的状态选择颜色。也可以设置不同状态之间的淡入淡出持续时间,数值越高,颜色之间的淡入淡出会越慢。
Sprite Swap 允许不同状态下显示不同的Sprite,Sprite可以定制。
Animation 在不同的状态播放动画,使用Animation过渡必须要有动画组件,确保root motion为禁用状态。
None 此选项适用于按钮控件,表示没有任何状态效果。

 

 

 

 

 

 

 

 

(1)Color Tint过渡选项面板

Color Tint过渡选项面板属性和功能
属性 功能
Target Graphic 用于交互组件的图形
Normal Color 控件的正常颜色
Highlighted Color 控件高亮时的颜色
Pressed Color 控件被按下时显示的颜色
Disabled Color 控件被禁用时显示的颜色
Color Multiplier 该选项数值会与每个状态的颜色数值相乘,通过该方法可以创建大于1的颜色,让颜色(或Alpha通道)图形元素的基本颜色不到百色(或更少与完整的Alpha)
Fade Duration 从一种状态到另一种状态过渡所需时间,以秒为单位。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

(2)Sprite Swap过渡选项面板

Sprite Swap过渡选项面板的属性和功能
属性 功能
Target Graphic 正常状态显示的Sprite类型图片
Highlighted Sprite 鼠标划过控件时显示的Sprite类型图片
Pressed Sprite 控件被按下时显示的Sprite类型图片
Disabled Sprite 控件被禁用时显示的Sprite类型图片

 

 

 

 

 

 

(3)Animation过渡选项面板

Animation过渡选项面板的属性和功能
属性 功能
Normal Trigger 正常状态下使用的动画触发器
Highlighted Trigger 高亮状态下使用的动画触发器
Pressed Trigger 控件被按下时使用的动画触发器
Disabled Trigger 控件被禁用时使用的动画触发器

 

 

 

 

 

 

11、导航选项(Navigation Options)

导航选项用来控制UI控件的键盘导航如何实现。

 

导航选项的属性和功能
属性 功能
Navigation 导航选项使指UI元素的导航在播放模式下如何被控制
None 没有键盘导航
Horizontal 水平导航
Vertical 垂直导航
Automatic 自动导航
Explicit 在此模式下可以指定控件导航的方向
Visualize 使导航在场景窗口中显示出来

 

 

 

 

 

 

 

 

 

 

 

文章摘自《Unity官方案例精讲》

posted @ 2017-04-17 10:24  dreamCirno  阅读(573)  评论(0编辑  收藏  举报