2014年4月16日 星期三

NGUI - v3 教學 (六)(UIInput&多个UICheckBox单选的使用)

UIInput:用户输入框,可以输入格化的内容,如密码,用户名
UICheckBox:勾选框

UIInput:在Widget Tool里选择UIInput然后选择一个背景图片,添加到视窗面板里
加入后,有三个对象,分别是Input,Background,Label
Input:用户点击后进行输入的主控件
Box Collider:用户点击后进行输入监控区域
UIInput(Script):
Label:文本显示在哪个UILabel里
Starting Value:输入框开始显示的字
Saved As:保存输入内容到prefabs中
Active TextColor:激活文本框后显示颜色
Inactive Color:默认状态颜色
Caret Color:插入字符状态颜色
Selection Color:选择状态中字符的颜色
Input Type:输入类型(standard)标准的,(AutoCorrect)自动修正,(Password)密码
Keyboard Type:对应移动平台键盘类型
Validation:输入类型限制
Character Limit:输入字符数限制
On Submit:输入完后进行事件分发
On Change:输入字符有变动时进行事件分发
然后是一个UISprite & UILabe

UICheckBox:
在Widget Tool里添加几个Toggle
Group:单选组,当你有多个CheckBox需要单选时,得定义在同一个组内
Starting State:单选组的默认状态(默认哪个选中)
State Transition:状态过渡时的图片与动画选项
Sprite:选中状态的图片
Animation:选中状态时播放动画
Transition:从未选中到选中状态的过渡效果(Smooth,平滑过渡 & Instant,直接替换)
OnValueChange:当事件发生改变时进行事件分发

有一个UIButton Scale(Script):当点击时播放Tween动画选项
Script:Tween动画功能脚本
Tween Target:播放动画的目标
Hover:鼠标停留在上面时播放的动画
Pressed:按下时播放的动画
Duration:动画持续的时间

UIPlay Sound Script:用户点击时播放声音

Related Posts:

  • NGUI - v3 教學 (十二)(UIGrid动态列表显示) 使用UIGrid制作动态列表,可以动态拖动列表展示的一些对象,也可以动态加载对象 用UIGrid作为对象条目的主对象,使用UIDrag Scroll View(Script)来实现拖动 a.创建一个2d UI,在父控件里加入一个UIWidget(Script) b.在UIWidget里… Read More
  • NGUI - v3 教學 (八)(NGUI 2DUI与3DObjects共存) NGUI是一款主打2dui界面或者动画的插件,如果直接在UIRoot里加入3d的物体或者粒子是不会显示出来的 主要原因是2d UI是用正交相机来投射加入NGUI定制相机使得投射范围在一个方形可视范围内 在z轴的视觉表现上被忽略 a.在Unity3d组件菜单上创建一个灯光,创建一个Cam… Read More
  • NGUI - v3 教學 (九)(UIScrollView制作滑动列表) UIScrollView制作滑动列表,可横向,竖直展示一些列表在固定可视范围内 UIScrollVIew只是一个可滑动的UI组件 如果需要制作复杂的可视区域UI需要配合使用UIPanel与UIGrid 这样更方便UI的展示 a.创建一个2D UI Root,在NGUI菜单上创建一… Read More
  • NGUI - v3 教學 (十一)(UITable制作下拉文字显示) 使用UITable,UIDrag Scroll View,及UIScroll View制作下拉文字显示控件,主要用来的是 Tween动画效果,UIScroll View来实现收放 a.在Widget Tool里创建一个2D UI b.在UI Root里创建一个Panel,附加上UISc… Read More
  • NGUI - v3 教學 (十)(UIPlay Animation制作隐藏显示菜单) UIPlay Animation可以制作用Unity3d内建的Animation管理器来制作一些隐藏或者可以 显示的菜单,用NGUI的Tween动画也可以实现 UIPlay Animation:NGUI播放动画组件 a.在Widget Tool里创建一个2d UI b.在UI… Read More

0 意見:

張貼留言