首页 > 其他 > 详细

NGUI_创建图集Altas

时间:2019-02-17 14:16:46      阅读:220      评论:0      收藏:0      [点我收藏+]

 

  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

原文:https://www.cnblogs.com/LinawZ/p/10390986.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!