LeUI是一个针对网页游戏而设计的as3开源UI框架。
经过无数个不眠之夜(夸张了,呵呵),LeUI的御用Gui编辑器终于新鲜出笼! 现在发布的是正式版V1.1,涵盖了对UI的编辑、保存、打开、导出为AS文件、更换样式库等基本功能。
UIBuilder见附件(安装程序中内嵌LeUI库和一套简单的示例样式库,总共才9百多KB,绝对算得上轻量级了);
编辑器下载:
也可以到https://github.com/swellee/LeDoc下载(更新更加及时)
编辑器的bug和建议在此帖回复;
LeUI的bug和建议到旧帖回复,旧帖链接:http://bbs.9ria.com/thread-405580-1-1.html
github的LeUI项目star数过百,就将编辑器开源!
--------------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------11.16更新内容-----------------------------------------------------
编辑器版本升级到 ver 1.1,更新内容:1.适配最新LeUI库( v1.1.1)
2.增加了对组件配置表中,组件自有属性的备选值列表的解析。
3.优化操作便利性
4.调整软件界面着色
--------------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------10.12更新内容-----------------------------------------------------
编辑器版本升级到 正式版(v1.0),更新内容:
1.适配最新LeUI库( v1.1)
2.拖放新组件时,响应容器如果是不可作为容器的LCombine,则不显示响应蓝边
3.为了方便选中编辑区的组件,增加了 shift键+方向键 切换选中目标:
shift+↑ 切换到选中当前项的父级容器
shift+↓切换到选中当前项的第一个子对象
shift+←切换到选中当前项的前置同级对象
shift+→切换到选中当前项的后置同级对象
妈妈再也不用担心选不了某些编辑对象了!
4.菜单栏 添加“?”按钮,点击可查看版本信息、简单向导、github链接、打赏二维码 等内容
PS:正式版发布后,如果没有收到热心用户反馈的bug或建议,将放缓版本更新步伐。
后续计划:
1.根据实际需要,为LeUI库添加一些新的组件,并相应加到编辑器中。
2.考虑把LeUI及编辑器移植到其他语言环境(如egret等)
--------------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------9.27更新内容-----------------------------------------------------
编辑器版本更新到beta2,更新内容:
1.修复:打开UI文件后,两次打开或新建并编辑后,保存时不询问新路径的bug
2.修复了树组件LTree编辑时,删除后未更新布局的bug
3.优化了某些情况下,菜单栏焦点未解除的现象
4.增加鼠标调整组件时的几个鼠标样式
--------------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------9.19更新内容-----------------------------------------------------
编辑器版本更新到beta1,更新内容:
1.若干bug修复
2.优化舞台上对组件实例的拖拽调整时的流畅度
3.增加对使用键盘方向键调整舞台上组件实例的支持
4.增加使用delete键删除舞台上组件的功能
启动软件,界面如下:
左侧是组件列表(诸如Alert、LMenu等辅助性的组件,未在此列表中),鼠标移动到组件上,会用tips简介点菜单栏上的“新建”,会弹出对话框,选择一个LeUI容器作为根节点。
创建完根节点(本例中,选择了LWindow作为根节点),它被添加到了舞台。接下来可以向根节点中添加子级组件
左侧的组件列表分为三个部分,从上到下依次为:基本组件、控件、布局与容器组件。鼠标选中一个组件并拖动到舞台区域,舞台中鼠标滑过的LeUI容器会出现蓝色描边,此时松开鼠标,新的组件实例就会被添加到这个刚才有蓝色描边的容器中。
编辑完成了,可以保存或导出。下面是点击保存时的界面:
保存的文件以leui为扩展名,内容格式是xml
|
下次可以打开之前保存的xxx.leui文件:
ui编辑好后,除了可以保存成.leui文件外,还可以导出为as文件(这个是最重要的,不然编辑器存在的意义就不大),导出时可以设置包名(可选)和类名(必需)。
已导出到指定目录:
导出的代码长啥样?
导出代码时,记得给舞台上的组件设置变量名及作用域,如果不设置,它们在代码中默认是局部变量
编辑器的工作流大致介绍完了。
一个开源框架的完善,离不开大家的支持。
支持LeUI,你可以通过以下三种方式:
1.去github上给LeUI相关项目加star和fork;
附上地址:源码:https://github.com/swellee/LeUI
文档:https://github.com/swellee/LeDoc
示例:https://github.com/swellee/testUI
2.给LeUI提bug和建议;
编辑器的bug\建议请在此帖中。
LeUI库的bug\建议请到:http://bbs.9ria.com/thread-405580-1-1.html
3.给LeUI的相关帖子点赞,并帮助回复别人提出的关于LeUI的问题。
4.弱弱地加一条:如果您愿意帮助LeUI发展的更好,也可以用手机支付宝,扫描下方的二维码,花点小钱,打赏一下!
PS:编辑器目前只免费,暂不开源。后续看github上项目的star数量吧,如果大家热情比较高,会考虑编辑器也开源的,嘿嘿....
|