AWStudio社區(qū)版重大升級 支持高中低端全平臺運行

今天我們迎來了AWStudio社區(qū)版的重大升級。AWStudio v1.1支持從云端獲取自定義控件、示例項目等插件，并支持動態(tài)更新。同時新增了LCD快速旋轉(zhuǎn)功能，實現(xiàn)幾乎效率無損的屏幕旋轉(zhuǎn)。

AWStudio開發(fā)套件社區(qū)版包括最新的AWTK和AWTK Designer。其中AWTK是業(yè)界領(lǐng)先的純C語言GUI框架，基于LGPL開源許可發(fā)布，可以免費商用，支持高中低端全平臺運行，是Qt之外的一個全新選擇。

而AWTK Designer是專門用來制作AWTK應(yīng)用程序UI界面的實用工具，只要通過拖曳和點擊就可以完成復(fù)雜的界面設(shè)計，操作簡單，并且可以隨時預(yù)覽效果圖，所見即所得。

圖1 AWStudio

圖2 AWTK Designer得益于AWTK強大的功能和跨平臺特性，AWStudio和AWTK Designer本身也是基于AWTK構(gòu)建的。此次更新主要包括：

支持從云端獲取自定義控件、示例項目；

支持LCD快速旋轉(zhuǎn)；

支持設(shè)置字體的保留字符范圍；

支持設(shè)置位圖字模顏色位數(shù)；

支持設(shè)置前景色、背景色為漸變色；

支持控件過程動畫；

支持控件子部件的樣式的跳轉(zhuǎn)；

改進(jìn)代碼編輯器，字體大小可變，支持代碼折疊、配對符號高亮；

修復(fù)內(nèi)存泄漏等問題。

插件上云AWStudio和AWTK Designer中可以看到目前官方提供的自定義控件、示例項目等插件。這些插件均遷移到了云端，減少了安裝包所占的空間，并且可以獨立迭代發(fā)布，當(dāng)用戶使用時可以自動下載到本地。

圖3 AWTK Designer中的示例項目項目開發(fā)時，如果需要自定義控件，可以在AWTK Designer的插件頁面點擊安裝，安裝成功后再點擊刷新，就可以在控件列表中看見對應(yīng)的自定義控件，后續(xù)直接拖出控件并編輯即可，簡化了自定義控件的使用流程。

圖4 AWTK Designer中的自定義控件

LCD快速旋轉(zhuǎn)

在AWTK Designer的項目設(shè)置中，可以設(shè)置LCD的旋轉(zhuǎn)角度，設(shè)置后可以在AWTK Designer中實時預(yù)覽效果，并且編譯后的程序也會自動旋轉(zhuǎn)。本次升級同時新增了快速旋轉(zhuǎn)模式，無需借助GPU，即使在中低端平臺也可以做到幾乎效率無損的屏幕旋轉(zhuǎn)。

圖5 支持設(shè)置LCD的旋轉(zhuǎn)角度

設(shè)置字體的保留字符范圍

在AWTK Designer的項目設(shè)置中，可以以ASCII或者Unicode范圍的形式設(shè)置字體的保留字符，方便用戶編輯。比如，“［［0-9］］”表示字符“0123456789”，“［［a-z］］”表示小寫字母“a”~“z”，“［［0x4e2d-0x4e2f］］”表示字符“中丮丯”，裁剪字體或者打包資源時，生成的字符資源僅包含指定的字符。

圖6 支持以范圍形式設(shè)置字體的保留字符

漸變色

AWTK的前景色、背景色支持設(shè)置為線性漸變色，點擊控件樣式屬性右側(cè)的色塊，可以打開顏色設(shè)置頁面進(jìn)行設(shè)置。

圖7 支持設(shè)置樣式的背景色、前景色為漸變色

過程動畫

AWTK支持設(shè)置屬性的過程動畫，只需設(shè)置時在屬性名前增加“animate：”前綴即可。比如設(shè)置“value”屬性時，改為設(shè)置“animate:value”屬性即可。

圖8 控件value屬性的過程動畫

改進(jìn)代碼編輯器

AWTK Designer的代碼編輯器新增了折疊功能，支持配對的符號高亮，同時可以在通用設(shè)置中設(shè)置編輯器的默認(rèn)字體大小。

圖9 代碼編輯器

圖10 設(shè)置代碼編輯器字體大小

示例演示效果

圖11 awtk-examples下的示例運行效果