NGUI系列教程三

接下来我们再来看Progress Bar和Slider,对比参数我们可以发现,Progress Bar和slider的明显区别在于slider多一个Thumb选项,这里的Thumb就是我们拖动的时候点击的按钮。

Empty 和Full选项其实就是前景和背景的Sprite。这里大家都已经熟悉了,我们看Slider和ProgressBar的根节点,也可以发现,Slider之比ProgeressBar 多一个BoxCollider,参数对比如图

Value :当前值

Steps:可以理解为将最大值等分的份数

Foreground: 前景Sprite,

Thumb:只有UIslider有,ProgressBar没有

Direction:方向,选择是垂直还是水平。

EventRecv:接收事件的物体

Function:事件响应的名称

我们再看Slider的Thumb物体,可以发现它和Button有点类似,其实就是Spirit和Button结合,里面的代码我们也都很熟悉了。

CheckBox,打开WidgetWizard(菜单NGUIàOpen the Widget Wizard)打开Widget Tool窗口,在Template中选择Checkbox,我们看到checkbox只有background(背景)和checkmark(复选标 识),创建一个checkbox,我们可以发现,checkbox包含三个子物体,background,checkmark和一个label三个物体都 是我们熟悉的Sprite和Label。

在根节点Checkbox物体上附加的代码很多我们也都熟悉,只有一个新的UICheckbox,

CheckSprite就是CheckMark

CheckAnimation默认为空

Instant Tween,从代码中看,此选项的作用可以让Checkmark渐变消失或出现。

StartChecked,初始状态是否选择

Radio Button Root,在多个选项只能选一个的情况下,我们可以做多个CheckBox,把它们都作为一个物体的子物体,然后把这个物体作为每个按钮的Radio Button Root,这样可以实现只能单选一个按钮的情况,就是互斥选项。

Option Can Be None,选项可空,如果勾选,则代表可以不选择。

Event Reciver:事件响应接收物体

Function Name 事件名称。

示例:

在这里我们做一个小的示例说明互斥选项,选择菜单NGUI->Create a Panel,创建一个新的Panel2,然后我们在这个Panel下创建几个checkbox,设置Checkbox的RadioButton Root为Panel2,运行,点击其中的任何一个checkbox查看效果。

PopupList(弹出式列表框)、PopupMenu(弹出式菜单):打开Widget Wizard(菜单NGUIàOpenthe Widget Wizard)打开Widget Tool窗口,在Template中选择PopUp List,我们看到它有前景、背景、高亮等选项可选,选择好之后点击Add To ,创建一个Popup List,,这里属性很多我们都熟悉了,只有一个UIPopup List陌生,它的属性窗口如图

其中Text Label、Background、Highlight对应我们刚才选择的三个。Options列表框列出所有选项,如果我们想添加选项,在这里直接添加 即可。Selection表示当前选择选项。Position表示弹出的列表框在主窗体上的位置,TextScale,字体缩放。再往下是三个颜色。

Padding表示选项排列间距。PopupMenu和上述情况类似,这里大家可以自己试着创建一个查看效果。

ScrollBar滚动条:滚动条创建比较简单,大家可以试着自己创建一个看看效果,它的使用需要结合别的控件才能发挥它强大的作用,这里我们留到以后的课程讲解。

声明: 本文由( zqcyou )原创编译,转载请保留链接: NGUI系列教程三

posted @ 2013-10-17 20:52  martianzone  阅读(544)  评论(0编辑  收藏  举报