unity视觉组件 (Text，Image)-unity入门教程

当前位置:　首页>> 技术小册>> unity入门教程

1.Text（文本）

2.Image（图像）

“视觉组件（Text，Image）”
随着UI系统的引入，已添加了新组件，这些组件将帮助您创建特定于GUI的功能。本节将介绍可以创建的新组件的基础。

“Text”:
![](/uploads/images/20230711/653279d5082f6515a061250b79dca66f.png)

该组件为“文本”，具有用于输入将要显示的文本区域，可以设置字体，字体样式，字体大小以及文本是都具有富文本的功能

有一些选项可用于设置文本的对齐方式，用于水平和垂直溢出的设置（可控制如果文本大于矩形的宽度或高度时会发生什么）以及“最佳适合”选项，该选项可使文本调整大小以适合可用空间

Characater
Font：

字体格式；
Font Style：

Normal(默认)，Bold(粗体)，Italic(斜体)，BoldAndItalic(粗体和斜体)；
Font Size：

字体的大小；
Line Spacing :

文本中的行与行之间的间隔；
Rich Text：

是否使用富文本；
Paragraph
Alignment：

文本的排版： 左对齐，居中，右对齐
左上对齐，居中，右下对齐
Align By Geometry：

几何对齐；

Horizontal Overflow：

水平溢出：溢出，隐藏溢出；
Vertical Overflow：

垂直溢出：溢出，截断溢出；
Best Fit：

最佳适配：设置最大和最小值；
Color：

设置字体的颜色；
Material：

设置字体的材质；
Raycast Target：

是否可点击；

“Image”

![](/uploads/images/20230711/0a78b3db4d8518a161d50b716c8dcab2.png)

Source Image：

设置并且填充需要设置的图像；

Color：

设置图像的颜色；
Material：

设置图像的材质；
Raycast Target：

是否可点击；
Preserve Aspect：

是否保护；

图像具有Rect Transform组件和Image组件。可以将“精灵”应用于“目标图形”字段下的“图像”组件，并可以在“颜色”字段中设置其颜色。材质也可以应用于“图像”组件。图像类型字段定义了所应用的精灵的显示方式，选项包括：

简单 -均匀缩放整个精灵。

切片 -利用3x3精灵分割，以便调整大小不会使拐角变形，而仅拉伸中心部分。

平铺 -与“切片”相似，但平铺（重复）中心部分而不是拉伸它。对于完全没有边界的精灵，将整个精灵平铺。

填充 -以与Simple相同的方式显示子画面，不同之处在于它从原点按照定义的方向，方法和数量填充子画面。

选择“简单”或“填充”时显示的“设置本机大小”选项将图像重置为原始精灵大小。
通过从“纹理类型”设置中选择Sprite（2D / UI），可以将图像作为UI精灵导入。与旧的GUI Sprite相比，Sprite具有额外的导入设置，最大的不同是增加了Sprite编辑器。Sprite编辑器提供了对图像进行9切片的选项，这会将图像分为9个区域，因此，如果调整Sprite的大小，则不会拉伸或扭曲拐角

![](/uploads/images/20230711/9c89f10ed3477538074df832cfe0ca27.png)

该分类下的相关小册推荐：

暂无相关推荐.