Egret社区
本帖最后由 ywx620 于 2018-2-9 18:49 编辑

# egretMoon
这是为白鹭引擎制作的一套纯代码的UI方案,用户可以通过修改颜色值得到自己喜欢的主题
此套方案有自己的一套独立moon.MoonEvent事件来管理组件的变化数据
使用时只要用addEvent()来帧听变化就可以得到数据

# 此套方案有一些常用的组件如
* moon.BasicView                               基础窗
* moon.BasicButton                            基础按钮(只有两个皮肤)
* moon.MoreSkinButton                     多个皮肤按钮
* moon.RadioButtonBar                     单选框(默认是竖版,可以通过layout方法设置为横版)
* moon.CheckBoxBar                         多选框(默认是竖版,可以通过layout方法设置为横版)
* moon.SliderBar                                滚动条(默认是竖版,可以通过layout方法设置为横版)
* moon.TabbarBar                              选项(子文件必须是MoreSkinButton)
* moon.ProgressBar                           进度条(默认是不显示进度的百分比,可以通过showText方法显示)
* moon.PanelBar                                面板(有标题栏与内容栏组成)
* moon.PanelMoreManager               面板控制器(可以左右滑动来切换不同面板)
* moon.MoonUI                                  里面有很多方法可以直接得到Sprite形状,如getRect,getCircle,getRoundRect等等
* moon.ShowLog                               显示LOG工具提供两种方法log只显示最新的一条,logMessage可显示多条
* moon.TipsManager                         TIPS显示管理,如单击按钮可在按钮上方显示一条TIPS说明
* moon.MoonEvent                            事件管理,提供事件广播dispEvent,事件帧听addEvent,删除事件removeEvent
* moon.Label                                     统一文本类型字体等

# 接口
* ILayout 所有设置排版的方法都继承了接口ILayout,接受两个参数type类型与interval间隔
类型提供了两种竖版Const.VERTICAL和横版Const.HORIZONTAL
* IItem 所有需要增加或删除自己子文件的接口都继承此接口
* IOnoff 开关接口

# 其它说明
* MoreSkinButton
                (同一个按钮可以使用多个皮肤,如开始游戏,再来一次等,就可用一个按钮不同皮肤)
                此外MoreSkinButton可以设置toggleSwitch为true来使用两种状态自动切换
* ShowLog使用时先在Main主类中调用一次moon.showLog.getIns().init(this.stage);
然后可以直接使用trace,与traceSimple来分别调用logMessage方法与log方法
* TipsManager使用时先在Main主类中调用一次moon.TipsManager.getIns().init(this.stage);
然后才可以使用moon.TipsManager.getIns().simpleTips()

图片展示使用纯代码成生,没有使用任何外部素材资源

画图工具纯代码写,没有使用外部资源

画图工具纯代码写,没有使用外部资源

2048纯代码,没有使用外部资源

2048纯代码,没有使用外部资源

没有使用外部资源

没有使用外部资源

没有使用外部资源

没有使用外部资源

微信图片_20180209184613.png 微信图片_20180209184608.png
演示地址

手机扫描二维码展示

联图二维码.png
基本创建方法与源码下载
游客,如果您要查看本帖隐藏内容请回复








分享到 :
4 人收藏

29 个回复

倒序浏览
土匪来了快跑  登堂入室 | 2018-2-4 17:18:44
??
土匪来了快跑  登堂入室 | 2018-2-4 17:19:04
404
土匪来了快跑  登堂入室 | 2018-2-4 17:19:10
404
ywx620  初窥堂奥 | 2018-2-5 09:18:22
ywx620  初窥堂奥 | 2018-2-7 21:31:23
新加了一些展示DEMO扫一下二维码可以在手机里面查看
blubobo  初学乍练 | 2018-2-7 23:03:44
卡多谢分享
Jom  登堂入室 | 2018-2-8 09:29:38
jax  登堂入室 | 2018-2-8 11:32:25
这种是用在什么场景呢
wxsperfect  登堂入室 | 2018-2-8 17:04:42
学习
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|京网文[2014]0791-191号|京ICP证150115号|Egret社区 ( 京ICP备14025619号

Powered by Discuz! X3.2 © 2001-2016 Comsenz Inc.

返回顶部