今天，我們迎來(lái)了Designer 0.1.5的發(fā)布。在這個(gè)版本中，我們完善了許多細(xì)節(jié)，并增加了部分新功能，如：支持多主題編輯、編譯源代碼、模擬運(yùn)行以及虛擬占位控件等。

AWTK Designer是專門用來(lái)制作AWTK應(yīng)用程序的UI界面的實(shí)用工具，只要通過(guò)拖曳和點(diǎn)擊就可以完成復(fù)雜的界面設(shè)計(jì)，而且可以隨時(shí)預(yù)覽效果圖。通過(guò)AWTK Designer即可完成UI界面元素的布局、設(shè)置控件屬性、給控件添加動(dòng)畫效果和設(shè)置樣式等。

得益于AWTK強(qiáng)大的功能和跨平臺(tái)特性，AWTK Designer本身也是基于AWTK構(gòu)建的。

今天，我們迎來(lái)了AWTK Designer 0.1.5的發(fā)布。在這個(gè)版本中，我們完善了許多細(xì)節(jié)，并增加了部分新功能，如：支持多主題編輯、編譯源代碼、模擬運(yùn)行以及虛擬占位控件等。

支持多主題編輯

在Designer的左下角處的“項(xiàng)目設(shè)置” -》 “主題”選項(xiàng)卡，可添加多套主題。同一項(xiàng)目中支持多套主題編輯，切換主題可編輯相應(yīng)的資源文件。這里的主題既可以是適配不同LCD屏幕大小的主題，也可以是相同LCD屏幕下（使用不同的樣式、圖片等資源）的不同主題，可以完成類似切換皮膚的效果。

皮膚一與皮膚二

支持編譯源代碼和模擬運(yùn)行

設(shè)計(jì)好UI界面 -》 打包（資源）-》 編譯（源代碼）-》 模擬運(yùn)行，編譯和模擬運(yùn)行通過(guò)簡(jiǎn)單的點(diǎn)擊鼠標(biāo)就可以完成，再也不用在終端輸入編譯和運(yùn)行命令，讓整個(gè)開發(fā)流程變得更加便捷。

編譯與模擬運(yùn)行效果圖

注：編譯源代碼和模擬運(yùn)行，僅支持Windows平臺(tái)。

虛擬占位控件

虛擬占位控件，可作為Designer自帶的控件之外的任意控件，可滿足用戶添加自定義控件的需求。下圖是：Chart.v2-Demo添加自定義控件“柱狀圖”，模擬運(yùn)行后的效果圖。

占位控件與模擬運(yùn)行效果圖

控件間相同屬性可同時(shí)修改

可同時(shí)修改多個(gè)控件（可以是不同類型的控件）的相同屬性，一起修改屬性變得輕而易舉。

一起修改按鈕和文本控件背景色

檢索翻譯文本

點(diǎn)擊 “檢索翻譯文本”按鈕，可檢索UI界面XML文件中的待翻譯文本，快速完成多國(guó)語(yǔ)言互譯。

實(shí)現(xiàn)中英文互譯

顏色設(shè)置支持抓色

顏色設(shè)置支持抓色功能，可方便捕捉需要的顏色。

抓色設(shè)置Button控件背景色

支持輸出位圖字體

打包時(shí)，支持輸出位圖字體，可滿足RAM極小的嵌入式平臺(tái)。

輸出位圖字體

示例支持使用Designer打開與編輯

awtk-examples.v2下的示例運(yùn)行效果截圖

獲取Designer下載地址

可通過(guò)AWTK官網(wǎng)或AWTK云平臺(tái)下載Designer，鏈接地址如下：

AWTK官網(wǎng)：

https://www.zlg.cn/index/pub/awtk.html

AWTK云平臺(tái)：

https://awtk.zlg.cn

更多信息，請(qǐng)參閱Designer安裝目錄下的文檔：

DocsCHANGELOG.md

AWTK動(dòng)態(tài)

歡迎感興趣的工程師評(píng)估和嘗試AWTK，應(yīng)用相關(guān)疑惑，可以添加小Z微信（zlgmcu-888）進(jìn)入AWTK群聊，ZLG研發(fā)技術(shù)團(tuán)隊(duì)親自為您解答。

更多精彩內(nèi)容敬請(qǐng)關(guān)注“ZLG致遠(yuǎn)電子”微信公眾號(hào)，我們會(huì)持續(xù)發(fā)布AWTK最新動(dòng)態(tài)。
責(zé)任編輯:pj