Unity3D进阶(二)

NGUI简单介绍及 UI Lable面板参数详解


welcome

NGUI

NGUI是Unity最火的第三方UI插件

插件安装

将插件包直接导入到 unity 的project面板中
点击下载NGUI V3.10.0 版本
导入完成后菜单栏中就会多出一项NGUI,至此插件安装完成


NGUI

NGUI目录结构

  1. Editor: 外部扩展编辑器
  2. Examples: 官方制作的一些场景示例
  3. Resources: 资源文件
  4. Scripts: 存放脚本文件

官方示例

在 文件夹 NGUI -> Examples -> Scenes 中存放着相关案例
2D界面


NGUI

3D界面


NGUI

Ul Lable

作用

在NGUI中负责文字部分的显示

Tips: 为了调试方便通常在2D模式下进行UI界面的编写

常用属性

  1. Font: 字体 在NGUI中的字体格式为字体图集,即将需要用到的字压缩成图片的形式,但是这种方式并不适合中文等一些字比较多的语言,因此要想让 Lable显示中文需要切换到 Unity 使用 TTF字体文件
  2. Font Size: 字体大小 后面的下拉选框可以选择文字的加粗与倾斜效果
  3. Material: 字体材质 赋予材质球来美化字体显示
  4. Text: 要显示的内容
  5. Modifier: 适用于英文 可以选择Text中的内容是以小写还是大写显示
  6. Overflow: 选择在文字超出给定区域情况下的处理方案 (1) shrink Content 自动缩小内容以保证所有文字显示在给定区域中(2)clamp Content 显示给定区域中的文字,超出的不显示(3)Resize Freely 自由扩展区域以适应文字(4)Resize Height 仅扩展高度不扩展宽度
  7. Alignment 选择对齐方式
  8. Gradient 文字颜色渐变显示 (1)Top 起始颜色 (2)Bottom 结束颜色
  9. Effect 设置文字特效 (1)Shadow 文字阴影(2)Outline 文字外边框 另外后面的颜色选择器可以自行调整特效颜色
  10. Color Tint 文字色彩 一般设置为白色不影响Gradient 的渐变效果,在不需要使用渐变的情况下使用该属性设置纯色


NGUI

×

纯属好玩

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

文章目录
  1. 1. NGUI
    1. 1.1. 插件安装
    2. 1.2. NGUI目录结构
    3. 1.3. 官方示例
  2. 2. Ul Lable
    1. 2.1. 作用
    2. 2.2. 常用属性