[Morn UI系列课程]进一步了解Morn UI及工作流

[Morn UI系列教程]进一步了解Morn UI及工作流

?

gridSize应该设置为gridSize=“3,26,3,5”

9.什么是组件赋值操作，如何对UI赋值

Morn赋值功能，是把原来对UI获取，设置等操作的封装，将开发者的焦点集中到对数据操作上，大大简化了UI开发的复杂性，一定要灵活应用

赋值是对组件属性修改的简化操作，类似Flex里面的数据绑定。赋值是通过dataSource属性设置的
例如页面内有一个name属性为“labe1”的文本，和一个name属性为”btn2″的按钮

简单赋值:this.dataSource={{“labe1″:”设置文本的text属性”},{“btn2″:”按钮名称”}};
通过上述操作，就改变了label的text属性和button的label属性

复杂赋值可以更改组件的任意属性，比如：

this.dataSource={{“labe1″:{text:”设置text”,size:12}},{“btn2″:{label:”按钮名称”,alpha:0.5}}};

List的赋值请参考后续教程

进一步了解编辑器

Morn UI编辑器实现了很多方便性的功能，比如图层，对齐功能，放大缩小，右键拖动，多项目支持，界面预览，代码模式，插件，属性设置，资源管理等等，大部分功能均可在菜单内找到。

1.图层的应用

Morn UI学习Flash IDE的图层功能，图层是在可视化设计时，用来控制多个显示对象的利器，通过图层可以控制组件之间的前后关系，还可以批量控制组件的显示隐藏，是否锁定等等。

同图层之间可以通过快捷键切换顺序，不同图层之间也可以切换，快捷键请参考编辑器菜单

2.内嵌模式和加载模式

内嵌模式和加载模式都是针对UI界面的XML而言的，内嵌模式是将UI视图XML结构内嵌在UI类里面，加载模式是把所有界面XML压缩打包为二进制数据，使用时再加载解析

内嵌模式的优点：清晰明了，方便调试，无需加载

加载模式的优点：和主程序分离，美术修改UI后，而无需编译主程序即可看到效果，还可以单独对UI二进制包进行加密，防止别人窥视

加载模式使用：在编辑器内F9设置内，选中加载模式，然后在项目代码中增加下面代码，设置二进制文件路径(默认文件名为ui.swf，可修改)

Config.uiPath = “ui.swf”;

3.设置组件默认属性设置及资源压缩比例

在资源树内，双击资源，可以打开组件默认属性设置和资源压缩比例设置

组件默认属性设置：设置后，再拖动这个组件，会默认把这个设置应用到视图上，而无需再次设置

资源压缩比例设置：可以设置资源的是否压缩以及压缩的比例

4.多语言

编辑器内置多语言插件，会自动提取界面语言包，轻松实现游戏国际化

5.自定义资源，代码的发布目录

快捷键F9打开项目设置，里面可以修改很多个性化设置

扩展MORN UI

1.自定义UI组件

自定义组件需要以下三个步骤：

1)书写组件类，实现IComponent接口（或者直接继承Component类），如果是容器，实现IBox接口(或者直接继承Box类)

2)调用View下的registerComponent方法注册组件

3)生成swc库，放置到编辑器swcs目录，同时增加组件配置文件，格式参考MornUILib.xml（详细请参考《扩展Morn UI组件》）

2.使用控件，自定义控件

Morn支持自定义控件(又称界面嵌套)，实现界面的封装和复用，只需拖动一个界面到另外一个界面内部，即可实现控件复用，还可通过修改此控件的runtime属性来设置控件的逻辑类（详细请参考《界面嵌套的使用》）

3.扩展编辑器，开发编辑器插件

Morn UI编辑器支持插件扩展，以实现自定义功能，实现插件非常简单，只要继承至编辑器扩展基类PluginBase，然后编译成swf放到编辑器下的plugins目录即可，代码可以参考PluginDemo语言包插件实例源码，详细流程请参考教程《扩展Morn编辑器，开发编辑器插件》

Morn UI是一个既灵活有强大的开发工具，拥有它，能大大提高工作效率和效果

更多请关注后续教程