NGUI的一些基本用法(及图集字体)

现在u3d project视图中右键 import package -> custom package 载入NGUI的库

载入完成会在 上面的菜单中生成个 NGUI的菜单,NGUI->options->Reset Perfab Toolbar (载入NGUI工具条),放到界面中。

NGUI->open -> Atlas Maker (建立图集,就是把散的图片打包成一张整图,和cocos2dx plist文件一样)

NGUI->open ->Font Maker(建立字体库,在windows系统中拷贝字体,可以建立自己的动态字体库)

在NGUI 工具条中,随便随便拖一个控件到Hierarchy 层级控件中,会自动建立一个UiRoot, 在uiroot下面创建自己的UI,

选着Uiroot 在scene界面 右键 出来创建菜单(需要把Inspector 中的UIPanel的脚本展开,否则无效),可以建一些控件。


Lable(右键create Label)

Label的属性  字体(加粗,斜体),设置阴影, 描边,文字上下渐变色,对齐方面的。


Sprite(精灵,显示图片用的)

属性 设置颜色  有不同的type 可以实现不同的显示,size后面的Snap 显示图片的正常大小

图片进行9宫格缩放设置,type选 sciled,然后点击sprite 的Edit 设置border    控制上下左右 不缩放的像素


invisible Widget(不显示的容器控件, 对父级设置会影响到子集),管理控件的


panel (创建默认为屏幕的大小,不可改变大小,可以设置子空间在区域外不显示 )Clipping属性


右键create->Toween 可以添加一些简单的动画,比如缩放,移动位置的动画,旋转,可以加入通知消息


u3d所有的可以交换的东西,都需要先添加刚体(右键->attach->box collider),然后在添加相应的脚本(右键->attach->添加相应的脚本)

u3d的扩展性非常好,这些交换的东西,已经写成脚本,谁需要就添加给谁,方便了很多,不像cocos2dx 又是按钮,文字按钮,文字触发事件这些。


添加相应的脚本:

添加完脚本需要设置 作用的对象,脚本不是你在那个ui对象上创建就作用于那个

状态改变时可以派发消息给其他控件,该控件的public方法也可以再里面设置使用,还有该控件绑定的自己写的脚本public方法也可使用

Button Script(按钮脚本,可设置normal, hover(鼠标或手指移上),pressed(按下),disabled(不可用))的图片纹理

Toggle Script(单选框, 对一个图片添加之后,再添加一个效果图片,选中 这个图片会显示,不选中这个图片会隐藏)

Slider Script(滑动条,需要设置前背景和后背景 两个sprite, 创建的控件默认为后背景,只需设置前背景,效果:可点击移动前背景),还可以绑定一个slider clours Script的脚本  效果会 不同的百分比 上面的条会显示不同的颜色


Scroll bar Script(滚动条,同UIScroll,添加背景,跟前景,滚动的长度,是前景的实际高度,滚动条大小是前景在 设置的高度的大小, 不设置小于1的size滚动条不会滚动)



progress Script(跟slider没区别)

Popup list  Script(下拉列表选择框 ,在options中输入几行字就显示几条,Atlas可以设置下拉的背景与选中时 高亮的 图片  )


Input field Script (对Lab控件添加输入事件,NGUI自带的输入组件,打到手机不能输入中文,需要把lab控件的字体设置为支持中文的字体就可以输入中文了

Drag Resize Script(对设置该脚本的组件, 运行时可以控制控件放假缩小,可以在小控件中加入该控件,控制其父控件, 窗口的角标,控制窗口的大小)

Key Binding Script(未知)

UiKey Navigation Script(未知)

Uiplay Toween Script(未知)

play Animation Script(未知)

Play Sound Script(播放声音的,需设置声音资源与什么时候播放)

Property Binding(未知)


drag Script   加入该脚本 控件支持移动

Text List Script 脚本,

聊天显示列表,需要一个UILabel 和 Scroll bar Script,  可以设置一共显示的条数,显示不出来,滚动条就可以拉伸显示出来,超过条数会从第一条开始删除。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值