AWTK Designer是專門用來製作AWTK應用程序的UI界面的實用工具,只要通過拖曳和點擊就可以完成複雜的界面設計,而且可以隨時預覽效果圖。通過AWTK Designer即可完成UI界面元素的佈局、設置控件屬性、給控件添加動畫效果和設置樣式等。
得益於AWTK強大的功能和跨平臺特性,AWTK Designer本身也是基於AWTK構建的。
今天,我們迎來了AWTK Designer 0.1.5的發佈。在這個版本中,我們完善了許多細節,並增加了部分新功能,如:支持多主題編輯、編譯源代碼、模擬運行以及虛擬佔位控件等。
支持多主題編輯
在Designer的左下角處的“項目設置” -> “主題”選項卡,可添加多套主題。同一項目中支持多套主題編輯,切換主題可編輯相應的資源文件。這裏的主題既可以是適配不同LCD屏幕大小的主題,也可以是相同LCD屏幕下(使用不同的樣式、圖片等資源)的不同主題,可以完成類似切換皮膚的效果。
皮膚一與皮膚二
支持編譯源代碼和模擬運行
設計好UI界面 -> 打包(資源)-> 編譯(源代碼)-> 模擬運行,編譯和模擬運行通過簡單的點擊鼠標就可以完成,再也不用在終端輸入編譯和運行命令,讓整個開發流程變得更加便捷。
編譯與模擬運行效果圖
注:編譯源代碼和模擬運行,僅支持Windows平臺。
虛擬佔位控件
虛擬佔位控件,可作爲Designer自帶的控件之外的任意控件,可滿足用戶添加自定義控件的需求。下圖是:Chart.v2-Demo添加自定義控件“柱狀圖”,模擬運行後的效果圖。
佔位控件與模擬運行效果圖
控件間相同屬性可同時修改
可同時修改多個控件(可以是不同類型的控件)的相同屬性,一起修改屬性變得輕而易舉。
一起修改按鈕和文本控件背景色
檢索翻譯文本
點擊 “檢索翻譯文本”按鈕,可檢索UI界面XML文件中的待翻譯文本,快速完成多國語言互譯。
實現中英文互譯
顏色設置支持抓色
顏色設置支持抓色功能,可方便捕捉需要的顏色。
抓色設置Button控件背景色
支持輸出位圖字體
打包時,支持輸出位圖字體,可滿足RAM極小的嵌入式平臺。
輸出位圖字體
示例支持使用Designer打開與編輯
awtk-examples.v2下的示例運行效果截圖
獲取Designer下載地址
可通過AWTK官網或AWTK雲平臺下載Designer,鏈接地址如下:
-
AWTK官網:
https://www.zlg.cn/index/pub/awtk.html
-
AWTK雲平臺:
https://awtk.zlg.cn
更多信息,請參閱Designer安裝目錄下的文檔:
Docs\CHANGELOG.md