（题外话，因为这篇分享制作后微信平台就疯了，无法使用GIF图，所以只好想办法让文章看起来不那么死板。后面演示的部分我插入了视频文件来代替GIF，但控制了大小，以免浪费太多流量。不过还是建议在wifi环境下观看。）

（蛮牛来的或者在电脑上看的同学，全屏观看效果更佳，手机上的同学可能效果不太理想，但也可以全屏观看，不过效果肯定没有电脑全屏那么清晰，以后如果确定是这种制作方式的话，我会尽量保证高清给大家观看）

今天给大家分享一个中期版本新增的UGUI组件，它是什么呢？就是我们所说的下拉菜单，点击之后会出现一定数量的下拉选项，方便用户进行相应的过滤操作等等。

我在网上找了一张下拉菜单的图片，大家可以参考一下，一看就知道是什么了。

那么如何使用呢？进入我们今天的主题分享

这个组件在UGUI刚发布的时候是没有的，也是个新组件，教程里我们来创建一个吧。

重命名之后看下面的组件内容

静态图像显示

我们来谈谈这个组件的内容

不用说关键下拉菜单，它仍然是一个交互式开关

：交互动画选项

：色彩倍增系数

Fade：动画过渡时间

包括导航在内，这些在之前提到的其他组件中也是都有的，从一开始它们都是自己独有的组件属性内容。

：模板，由该模板生成

文字：标题的文字

：标题图片

项目文本：模板文本组件

项目：模板图像组件

：下拉菜单默认位置（从0开始）

：选项设置，包括文本和图片

了解了这些内容之后，还有一点需要注意

下拉菜单代表菜单的默认值，从0开始，如果当前赋值个数与下拉菜单下标不符，则显示根据赋值个数找出的最大值或最小值，如果超出限制，则无法显示标记。

那是什么意思呢？比如我们现在默认有3个，默认有0个，我们把它们重命名为aa bb cc，那么默认的应该是下标为0的，也就是aa。打开下拉菜单之后，可以看到aa确实被选中了，而且aa前面还有一个标记，表示被选中了。

那如果我们改成-1会怎么样呢？根据我们刚才说的注意事项，默认下标从0开始，总数是3，所以应该满足的值为0，1关键下拉菜单，2

如果我把它改成-1的话，那么按照规则匹配设置的话，就会找到最大值或者最小值，就不会有任何标记了。也就是说当我们把值改成-1的时候，下拉菜单就会显示下标为0的内容，就不会有任何标记了。

如下图所示，我们来演示一下，默认值是0，显示aa，当将该值改为-1时，默认选择下标为0的aa，但不显示任何标记。

我们来演示一下具有不同值的下拉菜单效果。

如何在编辑器中添加和删除。要添加，请单击下面的加号并输入标题。

若要删除，请点击前面的选择框，然后点击“-”号。

知道了如何在编辑器中创建和设置一个下拉菜单，并且了解了这个组件的一些属性之后，接下来我们就该在脚本中创建和控制这个组件了，毕竟在实际使用中，有时候很多需求是需要我们动态设置下拉菜单的内容的。

首先，创建一个脚本，然后将其公开。然后将脚本挂载到编辑器上，并将编辑器中创建的值拖拽并赋值。

（从这里开始微信平台疯了，GIF不能用了，只好尽量把剩下的以视频的形式分享给你们，不过每个视频的体积都控制好了，不会很大。）

（在拍视频的时候我会尽量把重点拉近让大家看得见，这样即使视频效果不是很清楚，但是大家也还是可以看出重点的。

虽然微信很疯狂，不能发GiF，但有需要的话我还是会发静态图的。)

回到正题，我们在脚本函数中做了一些事情，比如默认值是0，我们在脚本函数中将默认值设置为2，这样就显示第三个下拉菜单了。

视频内容

从上面的操作可以看出，默认值是0，所以非运行状态下显示的是第0个下拉菜单，也就是aa。那么运行之后我们将其改为2百度搜索框下拉★64xl.com霸屏下拉词，百度搜索联想词多久会消除，此时运行之后下拉菜单显示就变成了下标为2的cc。

这里解释一下下标和实际数字的区别，因为我们正常都是从1 2 3开始数的，但是对于下拉菜单来说，因为它是一个列表，所以下标是从0开始的，也就是下标0对应的就是我们所说的第1个数字，也就是下标x对应的就是第x+1个数字，所以可以这么理解。

学会了如何设置之后，接下来就是学习如何通过代码动态控制了，后面的视频会给大家演示，并且我会写上相应的注释。

视频内容

学会了如何动态设置下拉菜单的内容之后，最后一步就是学习如何获取菜单点击切换时的事件，从而做一些事件处理。下面的视频也是本次分享中的最后一部，讲述了如何用代码来控制菜单切换，以及获取切换对应菜单的事件。

视频内容

好了，本期就到此结束了，总结一下，本期分享了这个组件的属性内容的一些概念，让大家明白如何在编辑器中预编辑下拉菜单，如何通过代码控制下拉菜单，获取事件等。

这次分享可谓是一波三折，原本我分段录制了很多小视频，但是上传的时候发现一个帖子只能展示3个视频，所以又重新做了一遍，真的不容易，今天被平台坑了，不能用Gif真的很麻烦，等这个问题解决了之后大家可以给我反馈一下，如果觉得这种视频解说比Gif好的话可以给我留言，后期我会考虑中和的。