NGUI_创建图集Altas

Posted linawz

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了NGUI_创建图集Altas相关的知识,希望对你有一定的参考价值。

 

  1. 在project面板下创建一个名为Textures的folder,把事先准备好的贴图素材直接拖到Textures下

 

技术图片

 

  2.导航栏NGUI处打开atlas

技术图片

 

  3.project下新建一个atlas的文件夹,在atlasmaker中点击右上角的new,然后create,把导入的textures从第一张到最后一张(摁住shift全部选中),做好命名,保存

技术图片

 

  4.保存成功后就是这样的啦

技术图片

 

  5.把背景加到scene面板以后,在scene面板下创建一个小精灵

技术图片

 

  6.点击UISprite中atlas下的sprite,选择刚刚导入的贴图,这里我选择一个正常情况的button

技术图片

 

  7.导入到scene面板后调整大小位置

技术图片

 

  8.在小精灵下右键再创建一个标签,这里选择child使标签作为精灵的子物体

技术图片

 

  9.这中间出了个小问题,导入的label不能编辑,百度了一下是因为标签内的字体没有设置

技术图片

  10.任意选择一个字体,inspector面板就可用了,把内容改成button,字体或颜色随意设置

技术图片

  

  11.给精灵添加碰撞器和按钮脚本

技术图片

技术图片

 

  12.如果希望点击标签时也有按钮效果,也在label上添加碰撞器和button脚本,操作同理

技术图片

 

  13.在sprite的inspector面板下,可以选择点击按钮时不同的图片状态,为了方便观察把color都改成白色

技术图片

 

  14.运行起来效果如下,点击时为高亮状态,鼠标移开变回正常状态

技术图片

技术图片

 

以上是关于NGUI_创建图集Altas的主要内容,如果未能解决你的问题,请参考以下文章

图集优化

NGUI动态字体的创建

Unity中关于NGUI的知识点

NGUI -- UISprite

请问ngui里的动态字体和静态字体是什么意思

关于Unity中NGUI的Pivot和锚点