「手把手」Egret如何在微信小游戏创建ComboBox控件

Egret引擎的官方控件没有ComboBox控件。想创建的话，除了自己重写，还可以调用Egretlab在GitHub上的扩展控件。

在GitHub上搜索egret-game-library，将整个项目以Zip压缩包下载到本地，解压打开。

打开euiextension\ComboBox\libsrc文件夹。如下图：

Egret的ComboBox扩展控件

在Egret整个项目的文件夹外，创建一个名为EgretLibs的文件夹。如果你的项目叫EgretDemo1，路径为D:\Project\EgretProjects\EgretDemo1，那么EgretLibs的路径应为：

D:\Project\EgretProjects\EgretLibs

在EgretLibs文件夹内再创建一个combobox文件夹，然后将上图的所有文件文件夹都复制到这里。

然后修改Egret项目的文件，在modules节点最后添加如下内容：

{"name":"combobox","path":"../EgretLibs/combobox"}

编译之后，应该在项目的libs/modules文件夹看到生成的combobox文件夹，代表引用成功。

假设游戏的设置页面如下：

小游戏的设置页面

那么对应的页面逻辑代码：

上述这样写，的确可以在EgretWingdebug的时候成功调用ComboBox，但是，如果发布成为微信小程序，则会报ReferenceError或者gameThirdScriptError。

找到Egret项目的scripts/wxgame/文件，在对应的位置增加以下代码：

if(filename=="libs/modules/combobox/"||filename=='libs/modules/combobox/'){content+=";=ComboBox;"//增加微信小游戏对第三方类库ComboBox的支持}

大功告成~~~~~~~~~