AWTK Designer 0.1.5正式發佈,界面設計竟如此簡單!

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

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章