一、 实际效果
 
演示地址

 

二、实现原理
主要用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

 

posted on 2018-06-24 11:12  gamedaybyday  阅读(1602)  评论(6编辑  收藏  举报