Unity3D-----NGUI

一、NGUI插件的安装

不同版本的Unity对应不同版本的NGUI,找到相应版本的NGUI插件后,在Unity中直接导入这个NGUI包,在Unity窗口中出现NGUI说明插件安装成功。
在这里插入图片描述

二、NGUI的使用

1、sprite

  • 首先点击NGUI->Create->Sprite创建一个精灵,此控件用于放置图片,有点类似image组件。另在加入collider配装器和Button Script组件后,此控件可以当做按钮来使用。
    在这里插入图片描述
  • 我们看到这个控件的属性当中,有Altas(图集)sprite(精灵),这两个属性用于选取图片,首先我们需要选择相应的图集(图集可以自己制作,后面会介绍,这里就不进行累赘了),然后才能够进行精灵的选择。
    在这里插入图片描述
  • Type属性类型有simple、Sliced、Filled、Tiled,simple、Advanced为默认类型,Sliced为切割类型、Filled为填充类型、Tiled为铺满类型。这里我就只介绍Sliced类型和Advanced类型有何作用,其他类型请自行测试。
    在这里插入图片描述
    Sliced类型:在进行一个图片的放大时,我们会发现图片会逐渐变得越来越模糊,导致看不清图片,而有时候的需求又是放大图片我只要保证关键部分不模糊即可,其他不重要的部分可以不管,所以我们就可以用到sliced类型。
    1、首先选择sliced类型,然后点击在这里插入图片描述
    2、调整里面boder属性值,分别是上下左右的界限,调整完成后,在进行缩放时,图片像素是不会发生改变的。
    在这里插入图片描述
    Advanced类型:对图片进行切割,将图片分为九宫格类型,然后能够对每一个部分进行调整。同样是调整boder属性值,需要将上下左右的边界都进行调整,然后回到原来的界面,调整这个值在这里插入图片描述就可以对部分图片进行修改了,例如隐藏中间的图片。

2、Label

1、字体设置
在Label当中,字体分为NGUI和Unity两种类型,其中NGUI的字体不支持显示中文,所以若要显示中文,请使用Unity当中的字体。若非要使用NGUI字体显示中文,就需要自己制作字体,那么可按如下步骤进行实现

  • 首先创建一个空物体
  • 给空物体添加一个 NGUI Font组件
  • 将组件中Font Type修改为动态类型
  • 在C:/windows/fonts文件夹下将中文字体导入Unity当中
  • 将导入的字体给予NGUI Font组件中的TTF Font

字体制作完后,将其放入在这里插入图片描述
2、overflow有四种类型,都是关于设置文本内容排版问题的,大家可自行测试一下就能发现是什么作用了。

3、锚点设置

锚点的设置有两种方式:(1)使用sprite底部的Anchors模块(2)使用NGUI->Create->Anchor
注意:两者不能同时使用,否则容易出错!
在屏幕尺寸发生变化时,我们发现图标并不能跟随屏幕尺寸的变化而变化,所以在这里我们需要设置锚点。在锚点设置完成后,我们进行屏幕尺寸的变化,会发现图片有跟随变化,但是我们随之也会发现,原本图片在屏幕中间部分,但将尺寸变大后,图片可能出现在顶部,中间部分没有,所有我们还需要进行一个设置,将UI Root当中的Scaling Style类型设置为Constrained。
在这里插入图片描述
(1)在sprite界面的底部,有一个Anchors选项栏,在这里我们选择单一模式unifled。
在这里插入图片描述
在这里我们给一个目标transform,即你需要图标相对于谁固定,给予之后调整上下左右锚点值即可。
在这里插入图片描述
(2)在创建Anchor之后,需要设置锚点的物体与Anchor形成赋值关系,Anchor为父,然后设置Anchor中在这里插入图片描述的值即可。

三、图集制作

点击NGUI->Open->Atlas Maker,会出现图集制作窗口
在这里插入图片描述
我们只需要点击new按钮之后,在project窗口中选择图片即可,可按住ctrl进行多选,在Atlas Maker窗口中会自动添加图片,若是要取消,只要取消选择即可,在选择完图片后,点击Create进行图集创建,到此图集创建就完成了,在创建完成后也可再打开此窗口进行图集的调整。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章