八、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. 2017 多校训练 1006 Function

    Function Time Limit: 4000/2000 MS (Java/Others)    Memory Limit: 131072/131072 K (Java/Others)Total ...

  2. Assigning Workstations

    题目链接:http://vjudge.net/contest/127404#problem/A /* 给你n个数字,让你找出一个最小的数字,这个数字不在这些数字中出现的 ,注意:这个数字如果各个位上的 ...

  3. 2016 ICPC总结

    2016 ICPC总结 九月份开学,开始知识点的补充,刚开始的几周都在刷acmsteps,十月开始进行专题性的学习,首先进行的数据结构,给自己定的计划,十一月前看完数据结构,刚开始的时候看的都是以前的 ...

  4. JavaScript基础一(js基础函数与运算符)

    [使用js的三种方式] 1.在HTML标签中,直接内嵌js(并不提倡使用) <button onclick=" alert('点就点')"> 点我啊</butto ...

  5. Day1作业-模拟登录

    # /usr/bin/env python# -*- coding: utf-8 -*-# Author:jenvid.yangimport getpassimport shutiluserspwd ...

  6. HTML5与搜索引擎优化[转载]

    原文:http://lusongsong.com/reed/398.html 我觉得HTML5的兴起完全是因为iPhone和iPad,自从Adobe停止开发flash.Android4.0不支持fla ...

  7. JAVAscript学习笔记 jsDOM 第五节 (原创) 参考js使用表

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  8. 拓扑排序 HDU - 5695

    众所周知,度度熊喜欢各类体育活动. 今天,它终于当上了梦寐以求的体育课老师.第一次课上,它发现一个有趣的事情.在上课之前,所有同学要排成一列, 假设最开始每个人有一个唯一的ID,从1到NN,在排好队之 ...

  9. web前端学习路线和步骤

    H5+全栈工程师  (学习下列技术可以加QQ: 1416 7596 61)第一阶段:初级入门阶段基本功 1.HTML入门 Windows概述.浏览器概述.HTML简介.HTML标签详解.前端开发工具概 ...

  10. app.config 配置多项 配置集合 自定义配置(2)

    上一篇说了利用app.config自定义节点配置,那是利用工具来实现,其实也一全部编码的方式来实现.举一个栗子.Simpson一家有父亲James,母亲Kate,和三个儿女Jim,Aaron和Luka ...