【咸鱼教程】一个简单的弹出二级菜单UIPopupMenu

一、 实际效果
 
演示地址

 

二、实现原理
主要用Button+List组件，和遮罩实现。

1. 点击Button时，将List下移展开。
2. 再次点击Button，或者选中List中的某一项时，将List上移收缩。



三、使用方法

1. 拖动UIPopupMenu自定义组件到场景exml上
 


2. 根据需求自定义UIPopupMenuSkin，并为组件UIPopupMenu设置皮肤（自定义皮肤UIPopupMenuSkin具体查看Demo）
 

3. 根据需求自定义List条目皮肤（自定义List条目皮肤具体查看Demo）
 

4. 代码中设置List条目皮肤，并增加二级菜单选项
 

这样就行了。

5. 自定义皮肤
UIPopupMenu和List的皮肤可根据需求自替换。
可自行自定义多种皮肤，不同图片，大小高宽等，适应不同场合。比如UIPopupMenuSkinA，UIPopupMenuSkinB，UIPopupMenuSkinC。
但是皮肤里面组件的命名必须一致对应上，比如menuBg必须是menuBg，否则代码会找不着这个组件而报错。
 

 

四、Demo下载

https://files-cdn.cnblogs.com/files/gamedaybyday/Egret4.0.3_PopupMenuExample.7z