NGUI系列教程 第三部

转自：http://blog.youkuaiyun.com/jbjwpzyl3611421/article/details/10593481

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

 

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

Value :当前值

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

Foreground: 前景Spirit，

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三个物体都 是我们熟悉的Spirit和Label。

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

CheckSpirit就是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滚动条：滚动条创建比较简单，大家可以试着自己创建一个看看效果，它的使用需要结合别的控件才能发挥它强大的作用，这里我们留到以后的课程讲解。