10005003 NGUI 插件学习笔记002-Label控件，文字显示

 

2. Label控件，文字显示

先隐藏掉相机图标：

隐藏前

隐藏操作

隐藏后

添加Label

 

2.1 字体

2.1.1 NGUI字体

NGUI的字体，可以通过以下操作去制作：

使用字体：

第二步打开界面：

点击show all

随便选择一个FGUI字体：

效果如下：

 

2.1.2 UGUI字体

跟FGUI不同，UGUI字体使用的是ttf字体，默认是使用系统默认字体。

打开操作系统的控制面板，找到字体：

 

随便找一个字体，拷贝出来。放在工程到的Fonts文件夹下面：

点击后，打开字体选择：

即可以使用新增的ttf字体了。效果如下：

 

2.2 Overflow—文字模式

2.2.1 Shrink Content 缩小内容

该模式下，设置Font Size后，如果字体超出Size的大小，则Font Size设置会不起作用，直接使用能满足Size大小的Font Size大小。

例如：Font Size很大，但是字体不会超过Size大小，所以会将Font Size使用一个合适的值，让字体最大的同时不超过Size大小。

改变Size大小，Font Size不变：

放大Size

 

缩小Size

 

2.2.2 Clamp Content 截取内容

该模式下，字体直接使用Font Size。如果字体超出Size，这超出部分不显示：

效果如上，超出部分没有显示，可以认为是被截取了内容

2.2.3 Resize Freely 自由调整

该模式下，字体会直接使用Font Size，然后自动计算出Size大小，用户无法修改Size的大小，只能修改Font Size大小。

 

2.2.4 Resize Height 保持宽度不变，自动换行

该模式下，字体超出时，会自动换行。

 

2.3 Alignment  对齐方式

2.3.1 Left 左对齐

 

2.3.2 Right 右对齐

 

2.3.3 Center 居中对齐

 

2.3.4 Automatic 自动（默认是居中）

 

2.3.5 Justified 如果只有字母，每行铺满

会发现，把文字铺满了每行，字母间增加了间距。

 

2.4 Gradient 字体颜色渐变

这个的意识是：文字从顶部的颜色，渐变为底部的颜色。这里是：白色->灰色。

如下：

可以看出，字体顶部白色->逐渐渐变为->底部灰色。

 

2.5 Effect 效果

2.5.1 None 无

2.5.2 Shadow 阴影

2.5.3 Outline 描边

2.6 Space 字的间距

 

资源路径：https://download.youkuaiyun.com/download/wodehao0808/18814832