NGUI系列教程三

摘要:
CheckBox,打开WidgetWizard打开WidgetTool窗口,在Template中选择Checkbox,我们看到checkbox只有background(背景)和checkmark,创建一个checkbox,我们可以发现,checkbox包含三个子物体,background,checkmark和一个label三个物体都是我们熟悉的Sprite和Label。EventReciver:事件响应接收物体FunctionName事件名称。Padding表示选项排列间距。

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

NGUI系列教程三第1张

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

NGUI系列教程三第2张

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,

NGUI系列教程三第3张

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陌生,它的属性窗口如图

NGUI系列教程三第4张

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

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

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

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

免责声明:文章转载自《NGUI系列教程三》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇HTTPS SSL 中间人劫持攻击原理Android Touch事件原理加实例分析下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

jQuery获取Select选择的Text和Value(详细汇总)

语法解释:  1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 3. var checkVa...

C语言Windows程序开发—Windows窗口样式与常用控件样式【第04天】

(一)Windows窗口(MDICLIENT)样式介绍 1 /*Windows窗口样式 */ 2 WS_BORDER //带有边框的窗口 3 WS_CAPTION //带有标题栏的窗口 4 WS_CHILD //子窗口 5 WS_CLIPCHILDREN /...

unity销毁层级物体及 NGUI 深度理解总结

http://www.2cto.com/kf/201311/258811.html 1.想找到层级面板中某个物体,并销毁,利用下面的代码:    GameObject  obj = GameObject.Find("所要找的名字"); Destroy(obj);    如果要找的物体比较多,可以将找到的物体放在一个数组中,对于物体的名字如果是按照顺序或者一...

NGUI的sprite的使用(九宫切图)

一,图集的添加和背景图的选择 图集的选择Atlas和背景图的选择Sprite 二,type的sliced切背景图的使用 当选择Sprite后的edit时,我们就可以设置当前背景图的边距,也有切图的意思,如下图, PS:如果你没有选择type:sliced这个属性,你选择切图是没有效果的,设置了border,他的边就不会被拉伸,只有没有设置到的会被拉伸,...

jquery获取和操作表单元素输入框 下拉框 单选 复选框

checkbox 多选框的操作。1、可以通过name选择器选中checkbox进行遍历,在点击时候增加方法 :$("input[name='checkboxname']").each(function(){//遍历时候增加方法$(this).click(function(){var checked = $(this).is('checked'); //判断...

element-ui 复选框,实现点击表格当前行选中或取消

背景: 1.表格结构绑定事件 <el-table v-loading="StepsListLoading" :data="StepsListData" border @row-click="StepsListRowClick"...