制作下拉菜单(PopupList)

怎样判断是否应当使用下拉菜单

  下拉菜单,就是将一系列的选项隐藏,通过单击某一个控件将会弹出一个包含这些选项的列表,在其中选择想要的选项。这样做不但可以节省屏幕空间,也可以让用户在进行选择时更加方便快捷。

  下拉菜单本质上还是一个单选框,与Toggle的功能有一些类似,对于下拉菜单玩家必须选择一个选项(有一个默认的初始选项),在同一时间也只能选择一个选项(单选性质)。在游戏开发过程中,如果碰到了以下特点的需求,就可以考虑用下拉菜单了。

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

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

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

创建下拉菜单

  1.第一种方法:使用NGUI做好的下拉菜单预设体。

  2.第二种方法:自我拼装。

    在Unity顶部菜单,依次选择Create->Sprite,这样就在UI节点下创建了一个Sprite子物体。

    在这个子物体身上添加一个PopupList组件,添加方式为,在Inspector面板中依次单击AddComponent->NGUI->Interaction->PopupList。

    因为下拉菜单需要单击,所以,还需要为它添加一个BoxCollider组件,添加方法为选中这个空间,在Unity顶部NGUI菜单,以此选择Attach->BoxCollider。  

显示当前选中的选项

  如果需要显示当前选中的选项,则可以在这个下拉菜单的控件下创建一个Label子物体,创建方法为选中这个下拉菜单的物体,在Untiy顶部NGUI菜单,依次选择Create->Label。

  然后需要将这个Label和下拉菜单关联起来,将Label拖动到下拉菜单PopupList组件的On Value Change回调中,选择SetCurrentSelection方法,这样当PopupList的选项被改变时,当前被选中的选项会实时更新到这个被关联的Label上显示出来。

下拉菜单核心组件PopupList

  Options

    这里是下拉菜单的各个选项录入的地方,识别方式为按行识别,也就是说每填入一个选项后,需要回车行才能继续录入下一个选项。

  Default

    默认情况下选项中的选项,,这个选项会自动填充为录入的第一个选项。

  Position

    位置,这里给了3个选项。

      Auto:菜单将会自动决定是从上方弹出还是下方弹出。

      Above:菜单将会从上方弹出。

      Blow:菜单将会从下方弹出。

  Aligment

    对齐方式,这里和Label里对齐方式一样。

  Open on

    打开的方式,这里提供了以下的方式可选择。

      ClickOrTap:单击出现菜单。

      RightClick:右键单击出现菜单。

      DoubleClick:双击出现菜单。

      Manual:手动出现,这种模式下任何输入都不会出现,必须代码控制它出现。

  Localized

    这里是指菜单中的文本是否被本地化。

    所谓本地化,可以理解为多语言翻译,例如,游戏是英文的,那么游戏中的所有UI文本都将会被转化为英文版本。那么这个Localized选项就是决定这个下拉菜单是否被转换的。

    如果打上勾,则表示这个菜单里的选项也会被本地化转化语言。如果不打勾,则表示这些选项里的文本不会被翻译,永远会保持它本来的样子。

  Atlas

    图集设定。 

    Atlas:选择图集。

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

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

  Font

    设定菜单文本的字体、字号大小等。

  On Value Change

    当这个下拉菜单当前选项变化时,触发的事件。

  可能会有疑问:为什么这个下拉菜单会单独进行是否本地化和使用Font字体的指定?这是因为大多数游戏在制作上有语言版本时,都会使用下拉菜单来让玩家选择它所认识的语言,着中国情况下选项不能被翻译,使用的字体也可能很特殊需要涵盖很多种语言文字。

制作下拉菜单的注意事项

  (1)一定要有接收单击事件的BoxCollider;

  (2)填写选项时,一定要注意换行;

  (3)如果制作下拉菜单是为了让玩家选择语言,则要更加注意本地化的设置和Font的设置;

  (3)

时间: 2024-12-30 13:04:20

制作下拉菜单(PopupList)的相关文章

9.2 制作下拉菜单(1)

一.菜单的HTML结构 下面就来定义菜单的HTML结梅.思路是把整个菜单分为4组,每一组在平常状态时,只显示一级菜单项,当鼠标指针经过时,显示相应的子菜单.首先用ul和li定义出外层结构,然后在每个li项目中,使用dI定义一个菜单项,一级菜单文字定义为dt.子菜单的文字定义为dd.代码如下. 折叠展开XML/HTML 代码复制内容到剪贴板 <body> <ul id="menu"> <li> <dl> <dt><a hr

jQuery+Superfish制作下拉菜单

superfish制作下拉菜单真的很方便而好很好用,而且还可以通过Superfish提供的参数来控制下拉菜单的不同效果,而且他没有层级限制,换句话说可以通过Superfish来写你想要的层级菜单. 官方帮助文档: http://users.tpg.com.au/j_birch/plugins/superfish/#getting-started Begin with a working pure CSS dropdown menu based on nested unordered lists.

如何为EXCEL单元格制作下拉菜单

如何为EXCEL中的某列制作下拉菜单 下面用两种方法介绍下拉菜单的实现: 第一种方法比较简单,如果下拉菜单更改的不频繁,可以采用:第二种方法更适合菜单更改频繁的情况. 注意:如果点击单元格时右侧没有出现下拉的按钮,可能是格式丢失,可以通过复制上面单元格的方法来修复. 如何制作下拉菜单(以下内容以EXCEL2007为准,版本不同可能造成操作步骤不同) A. 先做好一个表格,如下图: B. 选择需要制作下拉菜单的列中的第一行(如性别列中的第一行,非标题行),点击菜单中[数据]-[数据有效性]-[数据

9.3 制作下拉菜单(2)

一.对子菜单项(dd)进行设置 设置子菜单项的样式分为3步. ① 首先对每个子菜单项,也就是dd元素进行常规设置,包括文字颜色.背景色等,代码如下. 折叠展开CSS 代码复制内容到剪贴板 /* 设置菜单项的dd */ #menu li dd { margin:0; padding:0; color: #fff; background: #47a; } ② 为了使最下面的dd的下端和dI的下侧padding之间有一条暗红色分割线,设置1像素的下边框,代码如下.它在视觉上与上面的分割线相呼应,同时也

利用CSS制作下拉菜单

利用CSS制作下拉菜单 1.定义一个div,给div一个id或class,给div一个样式. eg:<div id="menu"></div> /*css #menu{ width:1024px; //给div定义一个宽度 height:40px; //给div定义一个高度 margin:0 auto; //让div居中显示 background-color:#eee; //给div一个背景颜色 } */ 2.制作下拉菜单所需的无序列表(ul). eg:<

Html5+Css3制作下拉菜单的三种方式

一.渐变式改变ol的高度 1.外部为ul标签,在每个li里嵌套一个ol列表2.设置外部li左浮动,内部ol标签绝对定位,外部li标签相对定位3.设置ol的高为0,溢出隐藏4.外部li标签:hover 时,设置ol的高度,transition渐变 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>&l

纯CSS制作下拉菜单

<style> body{padding:0;margin:0;width:100%;height:100%;color:#111} a{color:#111;text-decoration:none} ul,li{list-style:none;padding:0;margin:0} .nav{width:1000px;margin:0 auto;height:28px;line-height:28px} .nav li{width:100px;background:#ccc;border:

制作excel下拉菜单

1.选中excel中需要制作下拉菜单的单元格/列/行,点击‘数据’——'数据验证': 2.允许选择'序列',来源中手动输入需要的内容,以逗号(,)分割:  3.如下图,此列都具有下拉选择的功能: 原文地址:https://www.cnblogs.com/canglongdao/p/12080253.html

NGUI 3.9.0 Tween实现Toggle点击下拉菜单(游戏中常见的边角主菜单入口)

单机游戏中这个熟悉的按钮,会弹出如下一样的菜单,相信初次看到的,肯定会很惊奇,That's Great!接下来让我告诉大家其中的做法. 1.创建Toggle ,前景图(Background)为,CheckMark 为.(两个为Sprite,从图集中选取,关于如何添加Sprite与制作图集,在这里不做主要叙述了) 2.制作下拉菜单,(1)创建一个Panel作为父容器.(2)在Panel下面添加Sprite,命名为MenuListPanelBkSprite,此为下拉菜单的背景图片.(3)在MenuL