写在前面：    

本文将创建NGUI的第一个例子。按照编程传统，第一个例子，就是做一个Hello world 显示出来。NGUI，我们用Label来实现 。

一、原文链接

原文链接：http://blog.csdn.net/chenggong2dm/article/details/25494537

二、Label -- 标签

在NGUI 3.5 里，Label 算是一个非常基础的组件。其重要性，从NGUI 新的菜单结构就能看出来。我们看，create下面，只有Label这个组件，和摄像机、纹理、精灵、面板是同级的。也可以看到，锚点（Anchor）已经被废弃（Legacy了，成了历史遗留物）。

20140510172223203.jpeg

1，创建 Widget

首先，确保你的项目里已经导入了NGUI（如有不明，请看我上一篇文章）。或者新建一个空白项目，然后导入NGUI。

为了显示label，我们需要新建一个Widget。也就是所谓的小工具。在菜单上点击【NGUI】-->【Create】-->【Widget】。

之后，Hierarchy面板上，会自动建立出 UI Root，包括（Camera 、Container）。

20140510182726625.jpeg

2，创建 Label

在层级面板中，点击Container，然后菜单上点击【NGUI】-->【Create】-->【Label】。这样，就新建了一个Label。在检视面板中我们来看一下Label 的组件情况：


label默认有两个组件：Transform和UILabel(Script)。

Transform作为Unity最基本的组件，这里不再做解释。

UILabel(Script) 是NGUI默认挂载在Label 上的脚本，以实现Label的默认功能。我们对Label的操作，大部分都是操作这个脚本的变量。可以通过名字来更改对应值，这里不再细说。通过名字就大概能知道其功能，如果有不太清楚的，更改一下试试，也就明白其功能了。

20140510174608984.jpeg

更改Text 选项为：Hello world,之后，点击game视图，就可以看到效果：

20140510175906875.jpeg

================================================================

Label 的其他重要参数：

■字体变色：

[颜色值]文字[-]

例如：[aa00cc]Hello [-][0099cc]world![-] ，效果如下图：

20140804184223546.jpeg

■字间距、行间距：

20140807103231671.jpeg

字间距：Spacing 的X 属性

行间距：Spacing 的Y 属性

■多行文本：

多行文本，主要是设置【Overflow】的值为： ClampContent

并且，注意 dimension的值，在美观上与背景框匹配。

20140902114214828.jpeg

NGUI 使用Label 做多行文本的示例：

20140902114253296.jpeg

下一篇文件，我们将学习使用，最常用的控件：Button。

版权属于：东哥笔记

本文链接：https://ddceo.com/blog/294.html

自2017年12月26日起，『转载以及大段采集进行后续编辑』须注明本文标题和链接！否则禁止所有转载和采集行为！

☟☟可点击下方广告支持一下☟☟

最后修改：1970 年 01 月 01 日
© 允许规范转载
请我喝杯可乐，请随意打赏: ☞已打赏列表