zoukankan      html  css  js  c++  java
  • 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系列教程三

  • 相关阅读:
    【转】 DFT小讲座之2_DFT@芯片开发不同阶段
    【转】 DFT小讲座之1_扫盲!DFT到底是什么?
    MIPI接口与FPGA电平匹配问题
    ZCU102之display
    Vivado将模块封装为IP的方法(网表文件)【转】
    YUV格式总结【转】
    MPSOC之7——开发流程uramdisk
    MPSOC之2——ubuntu环境配置及petalinux安装
    MPSOC之3——centos环境配置及petalinux安装及使用
    2018软工实践—Beta冲刺(7)
  • 原文地址:https://www.cnblogs.com/martianzone/p/3375006.html
Copyright © 2011-2022 走看看