SOUI一直沒有官方的界面編輯器，關鍵是我自己一直堅持手寫界面更好控制。
大概是2年前，網友“指尖”開發了一個SOUI2的編輯器，功能非常多，特點是可以拖動控件來實現可視化布局。
整體上功能看上去很酷，可惜有些細節處理不到位，導致隨時有可能崩潰。后來網友“小新”又在指尖的版本上更新了一版，但也沒有解決崩潰這個核心問題。
這段時間抽時間把編輯器的代碼基於自己的理念徹底重構了一遍，重構過程中發現了原版本存在的很多問題並一一修正。
新版本最大的不同就是將可視化編輯功能修改成實時編輯預覽功能。
可視化編輯目標很遠大，但實際效果並不理想。就像Android的UI編輯功能，它提供了可視化編輯功能，但實際上很難用，拖動出來的界面，其XML描述很多時候並不是設計者自己的意圖。所以我個人在用Android 的UI編輯器時，只使用它的預覽功能。
秉承這個思路，新版本SOUI編輯器核心就是一個XML編輯+實時預覽框架。
項目源代碼：https://github.com/soui3-demo/SouiEditor
下載：https://soime.cn/download/souieditor3.2.3.zip
主界面：
點擊“打開工程”按鈕，選擇一個SOUI3的資源包（只支持文件夾資源包，不支持zip資源包），顯示下面狀態。
在左邊的tab控件中自動將布局XML和其它XML放到兩個列表。雙擊布局XML，在XML編輯器中編輯XML，在上面的窗格則顯示界面預覽。
界面預覽是一個獨立的預覽進程，在預覽進程中點擊界面元素，XML編輯器會自動定位到該元素的XML數據。
在右邊的XML結構中點擊元素節點，也會自動同步XML編輯及預覽。
如果XML中包含有tab控件，需要定位當前隱藏頁面的元素，可以按下"alt"鍵，再點擊預覽進程來切換tab顯示頁面，切換到目標頁面，再點擊就可以同步定位了。
使用SOUI設計界面，對於初學者可能最大的困擾是不知道一個控件有哪些屬性，每個屬性有什么功能。 除了編輯預覽同步外，新版本編輯器提供了通過填充屬性表來配置元素（包含控件及皮膚）XML的功能。
通過點擊左邊屬性表中的屬性，就可以組裝好一個控件或者皮膚的XML。
屬性的含義也可以在屬性表中自動顯示（屬性表是描述在配置文件中的，目前屬性表還不完善，后續有時間再更新。）
非布局XML則只提供XML編輯功能，自動隱藏預覽窗口。
最后，編輯器也提供了一個資源管理界面：
資源管理界面中，對於圖片文件提供了圖片預覽界面。
最后感謝“指尖”及“小新”的貢獻！
