Morn UI編輯器(Morn Builder)

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

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

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

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

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

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

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

6.同時支持位圖和矢量圖，并自動生成UI代碼

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

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

9.Morn比flex輕量高效，比flash IDE組件化開發(fā)更為方便.

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

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

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

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

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

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

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

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

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

Morn UI可視化編輯器：

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

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

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

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

更新內(nèi)容：

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

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