Morn UI编辑器(Morn Builder)

Morn Builder是一款专为Flash游戏开发设计的可视化UI编辑器，配套轻量级的Morn UI组件库。它把界面布局、属性调整和资源管理都放到了直观的编辑环境中，让美术与程序可以各司其职，减少沟通成本。整个组件库压缩后不到30K，却覆盖了从基础组件到复杂界面的需求，相比Flash IDE和Flex，它在轻便性和开发效率上找到了更好的平衡点。

设计理念与核心优势

1、 库体积小：Morn UI全库总大小不到30K，代码精简，学习门槛低，能快速上手

2、 所见即所得：编辑器支持布局与属性直观设置，UI和逻辑分离，美术可直接在编辑器里调效果

3、 高性能保证：以位图为基础，配合延迟渲染机制，在复杂界面下依然保持流畅

4、 扩展灵活：UI组件和编辑器插件都容易扩展，编辑器支持即改即用，便于做个性化定制

5、 资源自动管理：编辑器能自动整理UI资源，并支持jpg加alpha的灵活打包方式

6、 双模式支持：位图和矢量图都能处理，还能自动生成对应的UI代码

7、 协同开发友好：支持多项目、多视图，还提供代码视图及SVN管理，方便团队协作

8、 国际化内置：自带语言包管理器与提取工具，可以快速做多语言版本

与Flash IDE、Flex的对比

- Flash IDE在图层、对齐、缩放等操作上确实很方便，但组件化能力较弱

- Flex组件化做得不错，但整体结构臃肿，加载和运行效率不理想

- Morn UI吸收了Flash IDE的操作便捷性，又借鉴了Flex的组件化思路，同时砍掉了多余的结构

- 最终在轻量、性能和易用性上做到了统一，能满足不同项目的个性化界面需求

从安装到创建项目的步骤

- 先准备32位Java环境，否则编辑器无法运行，可前往java.com下载安装

- 下载Morn UI编辑器与MornUILib组件库源码，解压后找到builder目录下的Main.exe双击打开

- 点击“创建新项目”，输入项目名称和保存位置，确认后进入主界面

- 在左侧资源面板点击“添加资源”，打开项目的assets目录，编辑器会将图片识别为组件，命名规则详见《Morn资源命名规则》

- 把UI图片按文件夹方式放入assets目录，编辑器会以文件夹为单位打包成对应SWF

- 回到编辑器按F5刷新，若提示Java失败，检查32位Java环境，然后按Ctrl+F5强制刷新

- 按Ctrl+N新建页面，例如命名为Page1，再从左侧资源区拖拽组件到视图里排版

- 右侧属性面板可调整各组件的显示参数，实现不同效果

可视化编辑器的工作区布局

- 打开编辑器后，可配套建立项目，例如在E:\MornCompTest下新建项目MornCompTest

- 复制基础组件到资源目录并刷新，即可在资源组件树中看到它们

- 按Ctrl+N新建页面ButtonTest，将左侧按钮组件拖入视图，即可开始设计

- 编辑器界面分为六个区域：菜单工具栏、界面列表、资源组件、设计视图、组件属性和图层区、各区域分工明确

- 整体操作逻辑接近Flash IDE，熟悉图层、对齐和缩放的开发者能很快适应