八、PopuList下拉菜单

1、使用Populist的规律:

(1)、有一系列选项需要玩家做出选择,这些选项是有限多个的。

(2)、这些选项玩家必须选择一个,也只能选择一个。

(3)、这些选项如果全部出来用Toggle制作单选功能会非常占用屏幕空间。

2、开始制作(当然也可以从Prefabs ToolBar汇总选择相关预制体即可)

(1)、创建一个Sprite,用来当做下拉框的背景

(2)、为该Sprite添加BoxCollider和附加Populist Scrpts组件

(3)、输入下拉框中的内容即可。

3、下拉框选中的内容显示:

此时在下拉框中选中一个选项后,并没有显示出来,这是少了个用来显示的Label,我们在Spritede的节点下添加一个即可,

注意设置锚点大小,锚点的设置在后面会用一篇文章来介绍。当添加完毕后,将Label拖到下拉菜单PopupList组件的On Value Change 回调中

,选择SetCurrentSelection方法,这样当PopupList的选项改变时,当前选中的选项会更新到与这个关联的Label中进行显示。

4、参数详解;

(1)、Options:这是下拉菜单的各个选项录入的地方,识别方式为按行识别

(2)、Default:默认情况下选中的选项,默认情况下会自动填充我们录入的第一个选项

(3)、Position

3.1、Auto :菜单将会自动决定是从上方弹出还是从下方弹出【建议是使用AUTO,因为屏幕的的大小是不固定的】

3.2、Above;菜单将会从上方弹出

3.3、Blow:菜单将会从下方弹出

(4)、Alignment:对齐方式:

(5)、Open on:打开的方式:

5.1、ClickOrTap:单击出现菜单

5.2、RightClick:右击出现菜单

5.3、DoubleClick:双击出现菜单

5.4、Manual:手动出现,只有通过代码进行控制

(6)、Localized:指菜单中的文本是否可以被本地化。本地化就是多语言翻译。

(7)、Atlas;图集设定

7.1、Atlas:选择图集

7.2、Background:设置下拉菜单的背景的精灵图片,还可以设置颜色

7.3、Highlight:设定下拉菜单出现后,鼠标移到选项上高亮显示的图片,也可设定颜色。

(8)、Font:设定菜单文本的文字,字号大小

(9)、On Value Change:触发时间

注意:在制作下拉菜单的时候,一定要注意以下事项;

1、一定要有接收单击事件的BoxCollider。

2、填写选项时,一定要注意换行

3、如果下拉菜单是为了让玩家选择语言的,则更要注意本地化的设置和字体的设置。

                                                                                              2017-12-17、21:32:36

NGUI_PopupList的更多相关文章

随机推荐

  1. Brave Game(裸的巴什博弈)

    Brave Game Time Limit: 1000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others) Total Su ...

  2. Treasure of the Chimp Island

    Treasure of the Chimp Island Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Jav ...

  3. Android模仿iOS iMessages10照片选择器的实现

    不知不觉已经接近半年多没有写过博客了,这段时间,也是我刚好毕业走出校园的时间,由于学习工作的原因,一直没有真正静下心来写下些什么东西.这个星期刚入了小米笔记本pro的坑,本着新电脑新生活的理念嘻嘻-- ...

  4. AngularJS学习篇(十九)

    AngularJS Bootstrap 可以在你的 AngularJS 应用中加入 Twitter Bootstrap,你可以在你的 <head>元素中添加如下代码: <link r ...

  5. 跨域请求CORS

    参考:https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Access_control_CORS http://www.ruanyifeng.com/b ...

  6. setImmediate()

    在循环事件任务完成后马上运行指定代码 以前使用   setTimeout(fn, 0);   Since browsers clamp their timers to 4ms, it really d ...

  7. The Speed 歌词

    [ti:]The Speed [ar:]<QQ飞车> [al:]幻想 [by:]伴奏:My Soul   [00:03.60]The Speed [00:07.06]<QQ飞车> ...

  8. 查看 docker 容器使用的资源

    在容器的使用过程中,如果能及时的掌握容器使用的系统资源,无论对开发还是运维工作都是非常有益的.幸运的是 docker 自己就提供了这样的命令:docker stats. 默认输出 docker sta ...

  9. MongoDB可视化界面配置

    环境:windows 10 64bit 1. 以管理员身份运行cmd cd E:\MongoDB\Server\3.4\bin 2. 在data文件夹中建立logs目录 3. 在logs目录下建立mo ...

  10. 【原创】使用workstation安装Xenserver 6.5+cloudstack 4.10----本地存储模式

    1. 背景: 近期由于项目和个人学习得需求,开始接触到Cloudstack,虽然云计算概念在大学刚毕业的时候就已经略有耳闻,但是由于工作原因,也一直没有了解,下班后想自己折腾下cloudstack,便 ...