NGUI使用3——制作图集&自定义按钮&切换按钮图片

1,准备素材
新建一个文件夹,命名为UITexture。

2,创建Atlas
在Project面板中,进入UITexture 文件夹,选中这两张图片,然后 右键-->【NGUI】-->【Atlas Maker】,之后你会看到 Atlas Maker 的界面:
在 Atlas Maker 界面中,点击【Create】按钮。

之后给这个Atlas 起名为MyAtlas.prefab,点击【保存】。

3,预览Atlas和Sprite
保存之后,这个新的Atlas 就创建好了。可以点击一下【View Sprites】,预览一下创建好的精灵。

制作自定义按钮

(1)在Project面板中,搜索“Control”,也就是搜索控件。之后,会发现NGUI的一堆控件。
(2)找到 Simple Button,拖拽到层级面板下面。我这里把它拖拽到Container下面了。
(3)删除label子对象,在Container组建中(UIscript)Atlas选择图集,在scripte中选择精灵,可以调整精灵大小
(4)OK

切换图片
01
using UnityEngine;
02
using System.Collections;
03

04
public class TestButton : MonoBehaviour {
05
protected bool switchFlag = true;
06

07
// Use this for initialization
08
void Start () {
09

10
}
11

12
void OnClick () {
13
if (this.switchFlag) {
14
this.GetComponent<UISprite> ().spriteName = "pause";
15
this.GetComponent<UIButton> ().normalSprite = "pause";
16
this.switchFlag = false;
17
}
18
else{
19
this.GetComponent<UISprite>().spriteName = "start";
20
this.GetComponent<UIButton>().normalSprite = "start";
21
this.switchFlag = true;
22
}
23
}
24
}

时间: 2024-10-25 04:26:33

NGUI使用3——制作图集&自定义按钮&切换按钮图片的相关文章

Android自定义组合控件--底部多按钮切换

效果图: 现在市场上大多数软件都是类似于上面的结构,底部有几个按钮用于切换到不同的界面.基于OOP思想,我想把下面的一整块布局封装成一个类,也就是我们的自定义组合控件-底部多按钮切换布局,我把它叫做BottomLayout 看上面的布局,几个按钮横向排列,我们先看一下布局 最外面LinearLayout 方向 horizontal,然后5个weight相同的RelativeLayout,每个RelativeLayout里面有一个Button(用了显示选中状态)个ImageView(用来显示红点)

UI--Android中的状态切换按钮自定义

<代码里的世界> -UI篇 用文字札记描绘自己 android学习之路 转载请保留出处 by Qiao http://blog.csdn.net/qiaoidea/article/details/46715453 1.概述 Android中关于控制开关和页面/状态切换的使用场景还是比较多的.源生做的支持也有比如RadioGroup 和Tabhost等.这里准备通过自定义View来模仿学习下IOS两种常见UI样式: SwitchButton 和 SegmentControl. 首先先通过简易的组

NGUI使用Altas Maker制作图集

使用NGUI版本:2.7.0 (1) 关于UI资源的放置: 针对于UI资源的放置路径一般存储在Assets文件夹下的Resources文件夹中,倘若Resources文件夹不存在的情况下,可新建一个.但是为何一定要存储在这里呢,比如说,要加载一个烟花特效,习惯应用到的Unity的资源加载方法是:Resource.Load(),这就需要将其资源放置在名为Resource的文件夹中. 但是,并非所有的资源都放在Resource文件夹下,在unity生成游戏安装包时,对于Resources以外的文件夹

制作自定义背景Button按钮、自定义形状Button的全攻略(转)

在Android开发应用中,默认的Button是由系统渲染和管理大小的.而我们看到的成功的移动应用,都是有着酷炫的外观和使用体验的.因此,我们在开发产品的时候,需要对默认按钮进行美化.在本篇里,笔者结合在应用开发中的经验,探讨一下自定义背景的按钮.自定义形状按钮的实现方法. 首先看实现效果截图: 自定义背景的按钮目前有2种方式实现,矢量和位图. 1. 矢量图形绘制的方式 矢量图形绘制的方式实现简单,适合对于按钮形状和图案要求不高的场合.步骤如下: (a) 使用xml定义一个圆角矩形,外围轮廓线实

atitit.GUI图片非规则按钮跟动态图片切换的实现模式总结java .net c# c++ web html js

atitit.GUI图片非规则按钮跟动态图片切换的实现模式总结java .net c# c++ web html js 1. 图片按钮的效果总结 1 1.1. 按钮图片自动缩放的. 1 1.2. 不要边框,如果用自定义图片做按钮背景可以设为 false. 2 1.3. 异形按钮 2 1.4. 不绘制焦点 2 1.5. 鼠标经过时的图标 2 1.6. 选中时的图标 2 1.7. 禁用时显示的图标 2 1.8. 可能需要按钮半透明效果 2 2. 图片按钮的实现 2 2.1. 优先模式:button控

NGUI使用教程(2) 使用NGUI创建2D场景并且添加标签和按钮

1.创建2D场景 要使用NGUI创建2D场景,首先咱们必须新建一个项目,并且导入NGUI作为这个项目的插件,相信如果看过上一篇教程都知道怎么导入NGUI了,这里就不赘述,如果有疑问的可以去看上一篇教程.这里我已经导入成功了.在菜单中可以看到NGUI的菜单 在工程面板中可以看到有NGUI的文件夹 接下来咱们可以点击菜单中的[NGUI]-->[Create]-->[2D UI],创建成功后在Hierarchy面板中可以看到多了一个UI Root 点开UI Root可以看到UI Root底下有一个C

iOS自定义的UISwitch按钮

UISwitch开关控件 开关代替了点选框.开关是到目前为止用起来最简单的控件,不过仍然可以作一定程度的定制化. 一.创建 UISwitch* mySwitch = [[ UISwitchalloc]initWithFrame:CGRectMake(200.0,10.0,0.0,0.0)]; 是不是很奇怪,大小竟然是0.0×0.0,没错,系统会自动帮你决定最佳的尺寸,你自己写的尺寸会被忽略掉,你只要定义好相对父视图的位置就好了.默认尺寸为79 * 27. 二.显示控件 [ parrentView

用户界面框架jQuery EasyUI示例大全之切换按钮和分页演示

<jQuery EasyUI最新试用版免费下载> jQuery EasyUI致力于帮助web开发者更轻松的打造出功能丰富并且美观的UI界面.jQuery EasyUI提供了基于当下流行的jQuery core和HTML5的控件,助您打造适合当今网络的应用程序. 基本的切换按钮 本演示主要展示了基本的切换按钮,点击切换按钮来改变其状态.[另附源代码供大家参考] |在线Demo 切换按钮操作 本演示主要展示了切换按钮操作,点击按钮来执行操作.[另附源代码供大家参考] |在线Demo 基本的分页 本

NGUI 3.5教程(三)Button 按钮

向原创致敬http://blog.csdn.net/chenggong2dm/article/details/25504611 写在前面:     本文将创建一个基本的Button.并且编写脚本,响应点击事件. 欢迎大家纠错.拍砖!原创很辛苦,如有转载,请注明出处. Button -- 按钮 在NGUI 3.5 里,Button这个控件,经过了整理.比如更改了创建方式(搜索.拖拽):比如合并了 2.x里的Button和Image Button.个人觉得这样是合理的,wxPython的Button