码迷,mamicode.com
首页 > 其他好文 > 详细

NGUI_创建图集Altas

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

标签:isp   打开   效果   alt   gui   creat   新建   atl   scene   

 

  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

标签:isp   打开   效果   alt   gui   creat   新建   atl   scene   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!