Unity3D学习笔记之uGUI(3):Visual Component简述

发表于2017-02-23
评论0 1.8k浏览

  Visual Component可视化组件在项目应用中很广泛,相信很多人都会很关心Unity3D uGUI中Visual Component的使用情况,为此,下面就给大家详细介绍下Visual Component可视化组件,一起来看看吧。


3Visual Component

         后面章节会详细介绍UI系统、新UI组件及其功能,本小节先简单瞄一眼。

 

3.1 Text

        

         Text组件,也叫Label,用于显示一段文字。可设置Font(字体)、Font Style(样式)、Font Size(字号),以及Rich Text(支持标签的富文本)。【类似NGUIUILabel

         还有多种Alignment(对齐方式)以及裁切方式,用于解决当文本显示宽高超过矩形有效宽高的情况。

 

3.2 Image

        

         Image组件包括Rect TransformImage脚本。在Image脚本Source Image那一栏可直接指定Sprite源(图片资源),在Color那一栏可直接指定颜色值(RGBA),以及Material那一栏指定材质。以及Image Type决定何种裁切方式。【类似NGUIUITexture/UISprite

         ImageType那一栏有如下可选项:

         1Simple - 拉伸;

         2Sliced - 九宫;

         3Tiled - 平铺;

         4Filled - 填充;

         Image TypeSimpleFilled时,可用Set Native Size按钮重置图片为原始尺寸。当Image TypeSliced九宫时,需先设置Border属性才能生效。【类似NGUISnap按钮】

         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达到目的。【类似NGUIUIPanel设置为Clip的情况】

 

3.5 Effects

         可视组件还有各式各样的简单效果(Effects),比如简单的阴影和描边,具体可参考后面章节。

点击访问官方英文文档

如社区发表内容存在侵权行为,您可以点击这里查看侵权投诉指引