NGUI 3.5教程（二）Label 标签 (Hello world)、多行文本

标签：

向原创致敬http://blog.csdn.net/chenggong2dm/article/details/25494537

写在前面：    

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

    欢迎大家纠错、拍砖！原创很辛苦，如有转载，请注明出处：http://blog.csdn.net/chenggong2dm/article/details/25494537

Label -- 标签

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

1，创建 Widget

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

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

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

2，创建 Label

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

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

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

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

    更改Text 选项为：Hello world

    之后，点击game视图，就可以看到效果：

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

Label 的其他重要参数：

■字体变色：

[颜色值]文字[-]

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

■字间距、行间距：

字间距：Spacing 的X 属性

行间距：Spacing 的Y 属性

■多行文本：

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

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

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

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

NGUI 3.5教程（二）Label 标签 (Hello world)、多行文本

标签：

原文地址：http://www.cnblogs.com/lindan929/p/4347167.html