Morn UI编辑器(Morn Builder)

Morn UI提供强大的可视化编辑器，布局及属性均可在编辑器直观设置，实现UI和逻辑分离，让美术和程序轻松合作，网页游戏开发的一大部分工作是在和UI制作上，一个好的工具及框架能使开发事半功倍，Adobe自带flash IDE和Flex各有不足，Morn UI是flash轻量级，高性能，可视化UI解决方案。

具有以下优势：

1.轻量级，Morn UI库以精简，直观为设计理念，代码轻量，能快速上手，减少学习成本，Morn UI全部库总大小不到30K

2.可视化，Morn UI提供强大的可视化编辑器，布局及属性均可在编辑器直观设置，实现UI和逻辑分离，让美术和程序轻松合作

3.高性能，Morn UI设计之初就以高性能为主要目标，以位图为基础，利用延迟渲染机制，实现了高性能

4.易扩展，无论UI组件还是编辑器插件，都非常易于扩展，编辑器支持即改即用，轻松实现个性化

5.自动资源管理，Morn编辑器自动管理UI资源，以灵活的方式打包资源（jpg+alpha）

6.同时支持位图和矢量图，并自动生成UI代码

7.支持多项目，支持多视图开发，支持代码视图，支持协同开发及svn管理

8.支持多语言，内置语言包管理器及提取工具，快速国际化

9.Morn比flex轻量高效，比flash IDE组件化开发更为方便.

Morn UI学习了Flash IDE使用的方便性（比如图层功能，对齐，缩放，层次切换等等），同时吸取Flex组件化的特点，抛弃了Flex臃肿的结构，具有轻量级，高性能，可视化，易扩展等特性，满足了各种个性化开发需求。

使用可视化UI编辑器制作游戏界面：

提示：编辑器需要32位java环境，如果没有，请去下载jre安装完毕后，再执行下面教程

1.下载Morn UI编辑器及MornUILib组件库源码

2.解压并打开builder下的Main.exe，点击【创建新项目】，然后输入项目名和项目存放的位置

3.确定并创建好后，在左边资源面板，点击“添加资源”打开项目的资源目录(在morn里，图片即组件，编辑器根据资源前缀识别成对应的组件，命名详见《Morn资源命名规则》）

 

4.复制资源到刚才打开的assets目录，图片要以文件夹的方式存放，编辑器会以文件夹为单位打包为对应的swf（本文最下面提供了组件资源下载，也可以在官网demo里面找到）

5.在编辑器内按快捷键F5刷新，就能看到资源组件树了(如果提示java失败，请先下载一个32位java环境www.java.com，然后再编辑器使用快捷键Ctrl+F5强制刷新资源)

6.在编辑器内，使用快捷键Ctrl+N新建一个页面，起名叫Page1

7.拖拽左面资源区任意组件到视图内，摆放拼装成需要的界面。还可以通过右面的属性面板，设置各种参数以控制不同的显示效果

Morn UI可视化编辑器：

Morn UI一个显著优势就是Morn Builder(可视化编辑器)，实现界面设计的所见即所得，打开编辑器，在E:\MornCompTest下创建了新UI项目命名为MornCompTest

复制基础组件到资源目录，然后F5刷新编辑器，即可看到资源组件树

然后Ctrl+N新建页面命名为ButtonTest，然后我们拖动左边的button到视图中，结果如下图：

编辑器分为菜单工具栏区，界面列表区，资源组件区，设计试图区，组件属性区，图层区等6个区域。

更新内容：

2.3.0810
———————-
Morn UI编辑器：
[改进]图层增加批量锁定解锁按钮，批量隐藏显示按钮
[改进]编辑器增加命令行支持 [Main.exe publish E:\demo\Demo.morn]
[改进]编辑器增加swcs目录，用于放置扩展库和配置文件
[改进]原MornUIConfig.xml改名为MornUILib.xml，名称和库名称保持一致【注意修改】
[改进]插件接口增加对编辑器主程序的引用，基于此可以使用flex组件做插件 [feigema]
[其他]更新贡献者名单，再次感谢这些同学的无私奉献
主要修正bug：
[修正]修正了复制内容到新页面，有一定几率白屏的bug [醉人的烟圈]
[修正]修正了对IList接口的处理 [枫叶天空]
[修正]修正了编辑器页面嵌套宽高不正确的bug

Morn UI库:
[新增]list增加了itemRender，repeatX，repeatY，spaceX，spaceY等属性，用于动态改变list
[新增]clip增加clipWidth和clipHeight属性的支持，设置优先级高于clipX，clipY [jocker]
[新增]tab,radioGroup增加布局方向属性(水平和垂直两个方向) [醉人的烟圈]
[新增]lable,button增加字符串间距属性 [醉人的烟圈]
[新增]button增加labelFont属性 [coamy]
[改进]改进页面嵌套的runtime设置，支持同页面多个不同的runtime设置 [枫叶天空,jocker]
[改进]鼠标提示增加默认鼠标提示设置，App.tip.defaultTipHandler
[改进]改进了progressBar的9宫格处理 [coamy]
[改进]优化view的reCreate方法，重创建只创建其内部，用以组件监听等各种处理
[改进]textArea增加maxScrollV属性，增加scroll方法，方便设置滚动
[改进]ScrollBar滚动条增加最小限制，防止无限被缩小
[改进]App.render 增加renderAll方法
[改进]styles内增加默认鼠标提示颜色配置信息，以方便修改默认样式
主要修正bug：
[修正]修正了textArea，list，panel的ScrollBar在特定条件下显示错位的bug [边缘]
[修正]修复了Box的insertAbove的bug [马可]
[修正]修正了panel的scroll方法滚动不对的bug [泉易]
[修正]修正了dragManager的doDrag方法位置错误，并增加了offset参数
[修正]修正了textArea设置margin后，滚动条位置不对的bug [边缘]