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

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

免責(zé)聲明：本文內(nèi)容由21ic獲得授權(quán)后發(fā)布，版權(quán)歸原作者所有，本平臺(tái)僅提供信息存儲(chǔ)服務(wù)。文章僅代表作者個(gè)人觀點(diǎn)，不代表本平臺(tái)立場(chǎng)，如有問(wèn)題，請(qǐng)聯(lián)系我們，謝謝！