博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
NGUI 3.5教程(二)Label 标签 (Hello world)、多行文本
阅读量:7301 次
发布时间:2019-06-30

本文共 1192 字,大约阅读时间需要 3 分钟。

写在前面:    

    本文将创建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。


你可能感兴趣的文章
批量分发管理三种解决方案案例视频分享
查看>>
什么是分区表?为什么要用分区表?如何创建分区表?
查看>>
Android 反编译
查看>>
深入浅出理解索引结构
查看>>
MySQL :: MySQL 5.0 Reference Manual :: 20.6.16.1 Problems Linking to the MySQL Client Library
查看>>
hdu_1059_多重背包
查看>>
bat 命令行方式生成带有日期的MSSQL数据库备份文件
查看>>
Web 开发最有用的50款 jQuery 插件集锦——《内容滑块篇》
查看>>
C# 温故知新 基础篇(2) 运算符和控制流<思维导图>
查看>>
android学习笔记---33_为应用添加多个Activity与参数传递
查看>>
[转]代码管理技巧——两步创建本地SVN服务器图文教程
查看>>
js replace 与replaceall实例用法详解
查看>>
HDU1106
查看>>
C++ STL算法系列3---求和:accumulate
查看>>
在GIT中修改提交记录
查看>>
JAVA笛卡尔曲线
查看>>
asp.net 检查文件夹和文件是否存在
查看>>
JS函数重载解决方案
查看>>
用Spring提高java观察者模式灵活性
查看>>
两个div横向排列,顶端对齐的方式。
查看>>