NGUI基本控件制作
2015-09-22 10:10
567 查看
<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">NGUI 基本控件的制作。</span>
NGUI基本控件的制作。在NGUI的Prefab ToolBar中有预先制作好的按钮、复选框、列表框、滚动条、进度条和滑块控制条。下面是我接触NGUI并制作这些控件的一些过程记录。
UIButton:
uiButton按钮应该是最常用到的控件。
1、在菜单栏NGUI选项卡下点击Create->Sprite。创建完毕将会在Hierarchy面板中看到新创建的Sprite,在这里我将它重命名为Ngui_Button。选择Ngui_Button,在Inspector面板上会看见UISprite脚本组件。
2、在UISprite脚本组件中,选择Atlas按钮会弹出选择图集的面板,里面有制作好的图集供选择。选择Sprite按钮会弹出一个选择框,里面是当前选择的图集Atlas所包含的素材,在这里可以选择想要的sprite。
3、然后添加在NGUI选项下,Attach->Button Script。给Ngui_Button附着一个Button脚本。再给Ngui_Button附着一个碰撞器:
Attach->Collider。或者使用快捷键:SHIFT+ALT+C。注意这里需要设置一下Collider的Size。一般设置成和Button的UISprite的尺寸一致。
4、接下来要为按钮添加触发事件。SHIFT+ALT+N,在场景中新创建一个空的GameObject。编写脚本Ngui_Event。在当中添加如下的代码:
int count; public void button_Click() { count++; print("点击次数:"+count); }将Ngui_Event.cs拖到新创建的GameObject上。选择Ngui_Button,展开UIButton,将GameObject拖动至On Click下方的Notify框下,再点击Method框选择需要触发的方法,这里选择上面刚添加的方法:button_Click()。
5、接下来点击RUN运行,然后点击刚才创建出来的按钮,在Console控制台将会输出"点击次数:"+count。
也可以在Ngui_Button下再创建一个脚本UILabel来显示按钮的名字,选择Ngui_Button,按下SHIFT+ALT+L来快捷创建UILabel。在Label中输入适合的文字,用作按钮的名称。
ScrollBar:
1、按上面的步骤创建一个UISprite,命名为Ngui_ScrollBar。在Ngui_ScrollBar下面创建一个子UISprite命名为block。
2、给Ngui_ScrollBar添加collider,添加UIButton,添加UIScrollBar三个组件。collider的尺寸设置和Ngui_ScrollBar的UISprite相同(可以自定义自己想要的尺寸,太小了影响触发交互)。将block的尺寸设置成同Ngui_ScrollBar的大小(根据实际需求和外观自定义)。
3、将Ngui_ScrollBar拖动到UIScrollBar下Appearance下的Background框中。将block拖动至Foreground框中。设置UIScrollBar下的Size调整block的大小,设置Value设置初始化的值。设置Alpha设置整体ScrollBar的透明度。
4、在Ngui_Event.cs中添加脚本:
public void test_NguiScrollBar() { print("changeScrollBar: " + UIProgressBar.current.value); }
5、运行,拖动block,在Console中将会输出"changeScrollBar: "
相关文章推荐
- comparison of floating point numbers with equality operator. possible loss of precision while rounding values
- 我的Android进阶之旅------>adbd cannot run as root in production builds 的解决方法
- does not contain bitcode. You must rebuild it with bitcode enabled (Xcode setting ENABLE_BITCODE
- (绝对有用)iOS获取UUID,并使用keychain存储
- Java String与StringBuffer、StringBuilder的区别
- [UI基础]day01(代码)
- Servlet生命周期方法,request.getRequestDispatcher
- 源码推荐(9.22):利用UIScrollView实现几个页面的切换,纯代码实现水滴和波浪动画
- iOS软件开发 设置UITextView输入内容位置从左上角开始
- iOS开发之UI_UIScrollView(上)
- easyUI之datebox
- IOS巅峰之UICollectionView详解
- Servlet中The requested resource is not available错误
- 【android】uiselectoer 自动化测试
- UIAlertAction 和UIAlertController (UIAlertViewUIActionSheet)
- The requested URL /nagios/cgi-bin/statusmap.cgi was not found on this server
- UIButton的竖排图片和文本
- QtQuick学习笔记(三)组件
- UITouch
- 【UIKit-124-2】#import <UIKit/UIView.h>