3、Visual Component
后面章节会详细介绍UI系统、新UI组件及其功能，本小节先简单瞄一眼。
3.1 Text
Text组件，也叫Label，用于显示一段文字。可设置Font（字体）、Font Style（样式）、Font Size（字号），以及Rich Text（支持标签的富文本）。【类似NGUI的UILabel】
还有多种Alignment（对齐方式）以及裁切方式，用于解决当文本显示宽高超过矩形有效宽高的情况。
3.2 Image
Image组件包括Rect Transform和Image脚本。在Image脚本Source Image那一栏可直接指定Sprite源（图片资源），在Color那一栏可直接指定颜色值（RGBA），以及Material那一栏指定材质。以及Image Type决定何种裁切方式。【类似NGUI的UITexture/UISprite】
ImageType那一栏有如下可选项：
（1）Simple - 拉伸；
（2）Sliced - 九宫；
（3）Tiled - 平铺；
（4）Filled - 填充；
当Image Type为Simple或Filled时，可用Set Native Size按钮重置图片为原始尺寸。当Image Type为Sliced九宫时，需先设置Border属性才能生效。【类似NGUI的Snap按钮】
Image可导入为UI Sprites（即Texture Type选为Sprite 2D/UI）。相对于老版本GUI Sprite，最大的区别是新UI Sprite编辑器多了一些选项，允许设置为九宫（9-slicing），可按九宫方式进行拉伸。
3.3 Raw Image
Image需要Sprite，而Raw Image（原始图片）则需要Texture（无边界）。Image适用于大多数情况，当Image不适用时才考虑Raw Image。（具体例子是Raw Image可显示图片任意局部区域，而Image不可以。）
3.4 Mask
Mask（掩膜）是一个不可见的UI控制组件。当子节点可见区域比Mask区域大时，Mask以外区域即被遮挡而不可见。所以当需要局部区域裁剪时，可应用Mask达到目的。【类似NGUI的UIPanel设置为Clip的情况】
3.5 Effects
可视组件还有各式各样的简单效果（Effects），比如简单的阴影和描边，具体可参考后面章节。
点击访问官方英文文档
查看原文：http://www.51xyyx.com/2910.html