Morn UI編輯器(Morn Builder)

Morn UI提供強(qiáng)大的可視化編輯器，布局及屬性均可在編輯器直觀設(shè)置，實(shí)現(xiàn)UI和邏輯分離，讓美術(shù)和程序輕松合作，網(wǎng)頁(yè)游戲開發(fā)的一大部分工作是在和UI制作上，一個(gè)好的工具及框架能使開發(fā)事半功倍，Adobe自帶flash IDE和Flex各有不足，Morn UI是flash輕量級(jí)，高性能，可視化UI解決方案。

具有以下優(yōu)勢(shì)：

1.輕量級(jí)，Morn UI庫(kù)以精簡(jiǎn)，直觀為設(shè)計(jì)理念，代碼輕量，能快速上手，減少學(xué)習(xí)成本，Morn UI全部庫(kù)總大小不到30K

2.可視化，Morn UI提供強(qiáng)大的可視化編輯器，布局及屬性均可在編輯器直觀設(shè)置，實(shí)現(xiàn)UI和邏輯分離，讓美術(shù)和程序輕松合作

3.高性能，Morn UI設(shè)計(jì)之初就以高性能為主要目標(biāo)，以位圖為基礎(chǔ)，利用延遲渲染機(jī)制，實(shí)現(xiàn)了高性能

4.易擴(kuò)展，無(wú)論UI組件還是編輯器插件，都非常易于擴(kuò)展，編輯器支持即改即用，輕松實(shí)現(xiàn)個(gè)性化

5.自動(dòng)資源管理，Morn編輯器自動(dòng)管理UI資源，以靈活的方式打包資源（jpg+alpha）

6.同時(shí)支持位圖和矢量圖，并自動(dòng)生成UI代碼

7.支持多項(xiàng)目，支持多視圖開發(fā)，支持代碼視圖，支持協(xié)同開發(fā)及svn管理

8.支持多語(yǔ)言，內(nèi)置語(yǔ)言包管理器及提取工具，快速國(guó)際化

9.Morn比f(wàn)lex輕量高效，比f(wàn)lash IDE組件化開發(fā)更為方便.

使用可視化UI編輯器制作游戲界面：

提示：編輯器需要32位java環(huán)境，如果沒(méi)有，請(qǐng)去下載jre安裝完畢后，再執(zhí)行下面教程

1.下載Morn UI編輯器及MornUILib組件庫(kù)源碼

2.解壓并打開builder下的Main.exe，點(diǎn)擊【創(chuàng)建新項(xiàng)目】，然后輸入項(xiàng)目名和項(xiàng)目存放的位置

3.確定并創(chuàng)建好后，在左邊資源面板，點(diǎn)擊“添加資源”打開項(xiàng)目的資源目錄(在morn里，圖片即組件，編輯器根據(jù)資源前綴識(shí)別成對(duì)應(yīng)的組件，命名詳見(jiàn)《Morn資源命名規(guī)則》）

4.復(fù)制資源到剛才打開的assets目錄，圖片要以文件夾的方式存放，編輯器會(huì)以文件夾為單位打包為對(duì)應(yīng)的swf（本文最下面提供了組件資源下載，也可以在官網(wǎng)demo里面找到）

5.在編輯器內(nèi)按快捷鍵F5刷新，就能看到資源組件樹了(如果提示java失敗，請(qǐng)先下載一個(gè)32位java環(huán)境www.java.com，然后再編輯器使用快捷鍵Ctrl+F5強(qiáng)制刷新資源)

6.在編輯器內(nèi)，使用快捷鍵Ctrl+N新建一個(gè)頁(yè)面，起名叫Page1

7.拖拽左面資源區(qū)任意組件到視圖內(nèi)，擺放拼裝成需要的界面。還可以通過(guò)右面的屬性面板，設(shè)置各種參數(shù)以控制不同的顯示效果

Morn UI可視化編輯器：

Morn UI一個(gè)顯著優(yōu)勢(shì)就是Morn Builder(可視化編輯器)，實(shí)現(xiàn)界面設(shè)計(jì)的所見(jiàn)即所得，打開編輯器，在E:\MornCompTest下創(chuàng)建了新UI項(xiàng)目命名為MornCompTest

復(fù)制基礎(chǔ)組件到資源目錄，然后F5刷新編輯器，即可看到資源組件樹

然后Ctrl+N新建頁(yè)面命名為ButtonTest，然后我們拖動(dòng)左邊的button到視圖中，結(jié)果如下圖：

編輯器分為菜單工具欄區(qū)，界面列表區(qū)，資源組件區(qū)，設(shè)計(jì)試圖區(qū)，組件屬性區(qū)，圖層區(qū)等6個(gè)區(qū)域。

更新內(nèi)容：

2.3.0810
———————-
Morn UI編輯器：
[改進(jìn)]圖層增加批量鎖定解鎖按鈕，批量隱藏顯示按鈕
[改進(jìn)]編輯器增加命令行支持 [Main.exe publish E:\demo\Demo.morn]
[改進(jìn)]編輯器增加swcs目錄，用于放置擴(kuò)展庫(kù)和配置文件
[改進(jìn)]原MornUIConfig.xml改名為MornUILib.xml，名稱和庫(kù)名稱保持一致【注意修改】
[改進(jìn)]插件接口增加對(duì)編輯器主程序的引用，基于此可以使用flex組件做插件 [feigema]
[其他]更新貢獻(xiàn)者名單，再次感謝這些同學(xué)的無(wú)私奉獻(xiàn)
主要修正bug：
[修正]修正了復(fù)制內(nèi)容到新頁(yè)面，有一定幾率白屏的bug [醉人的煙圈]
[修正]修正了對(duì)IList接口的處理 [楓葉天空]
[修正]修正了編輯器頁(yè)面嵌套寬高不正確的bug

Morn UI庫(kù):
[新增]list增加了itemRender，repeatX，repeatY，spaceX，spaceY等屬性，用于動(dòng)態(tài)改變list
[新增]clip增加clipWidth和clipHeight屬性的支持，設(shè)置優(yōu)先級(jí)高于clipX，clipY [jocker]
[新增]tab,radioGroup增加布局方向?qū)傩?水平和垂直兩個(gè)方向) [醉人的煙圈]
[新增]lable,button增加字符串間距屬性 [醉人的煙圈]
[新增]button增加labelFont屬性 [coamy]
[改進(jìn)]改進(jìn)頁(yè)面嵌套的runtime設(shè)置，支持同頁(yè)面多個(gè)不同的runtime設(shè)置 [楓葉天空,jocker]
[改進(jìn)]鼠標(biāo)提示增加默認(rèn)鼠標(biāo)提示設(shè)置，App.tip.defaultTipHandler
[改進(jìn)]改進(jìn)了progressBar的9宮格處理 [coamy]
[改進(jìn)]優(yōu)化view的reCreate方法，重創(chuàng)建只創(chuàng)建其內(nèi)部，用以組件監(jiān)聽(tīng)等各種處理
[改進(jìn)]textArea增加maxScrollV屬性，增加scroll方法，方便設(shè)置滾動(dòng)
[改進(jìn)]ScrollBar滾動(dòng)條增加最小限制，防止無(wú)限被縮小
[改進(jìn)]App.render 增加renderAll方法
[改進(jìn)]styles內(nèi)增加默認(rèn)鼠標(biāo)提示顏色配置信息，以方便修改默認(rèn)樣式
主要修正bug：
[修正]修正了textArea，list，panel的ScrollBar在特定條件下顯示錯(cuò)位的bug [邊緣]
[修正]修復(fù)了Box的insertAbove的bug [馬可]
[修正]修正了panel的scroll方法滾動(dòng)不對(duì)的bug [泉易]
[修正]修正了dragManager的doDrag方法位置錯(cuò)誤，并增加了offset參數(shù)
[修正]修正了textArea設(shè)置margin后，滾動(dòng)條位置不對(duì)的bug [邊緣]