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組件化開發更為方便.

使用可視化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 [邊緣]