使用UGUI作下拉列表的方案

前一段作一个NPC浏览器,须要作一个相似于动态查询的东西,在文本框里输入关键字,而后检索数据,将符合要求的数据以列表的方式显示在文本框下面的下拉列表里。浏览器

效果差很少就是这样吧。布局

虽然和实际上的下拉列表不太像,可是原理方案都是相同的。无非是将文本框变成Button。设计

OK,下拉列表,就是Button集合+ScrollRect.blog

我不会手把手教你怎么拖组件,我只能告诉你,选定父节点,添加ScrollRect,而后建立子节点,将子节点做为容器赋值给Content。固然还须要添加Mask组件,接口

来遮挡过长的列表事件

接下来就是Button的动态生成。须要注意的是,咱们要想达到按钮的排版整齐,须要设计布局为Top模式。这样经过计算每一个Button的大小,效率

肯定Button的位置。容器

接下来就是一些简单的事件处理。每一个Button组件添加一个事件处理,用来获取用户选择的ID,自行作一些SelectIndex,SelectItem,Add,Remove,等等原理

经常使用的接口。下拉框作为“特殊处理”,用来显示用户选择的项,同时隐藏Button集合。点击时,再显示Button集合便可。im

 

关于下拉列表的接口代码,你们能够本身尝试作下,无非是增删改查,具体的效率看我的水平了,我这里就不提供了

相关文章
相关标签/搜索