Unity3D_uGUI学习笔记（3）_Visual Component简述_what component is used to create the visual parts -优快云博客

本文链接：https://blog.youkuaiyun.com/just_do_it2009/article/details/61625031

本文档简要介绍了Unity3D的uGUI系统中的关键组件，包括Text（用于显示富文本）、Image（支持多种裁切方式）、Raw Image（适用于显示纹理的特定区域）、Mask（用于局部裁剪）以及Effects（提供视觉效果）。每个组件的特点和用法都有所提及，如Text的对齐方式和裁切，Image的九宫格拉伸等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 
 

  
  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