今天,我們迎來了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控件背景色
支持輸出位圖字體
輸出位圖字體
示例支持使用Designer打開與編輯
awtk-examples.v2下的示例運行效果截圖
獲取Designer下載地址
可通過AWTK官網或AWTK云平臺下載Designer,鏈接地址如下:
AWTK官網:
https://www.zlg.cn/index/pub/awtk.html
AWTK云平臺:
https://awtk.zlg.cn
更多信息,請參閱Designer安裝目錄下的文檔:
DocsCHANGELOG.md
AWTK動態
歡迎感興趣的工程師評估和嘗試AWTK,應用相關疑惑,可以添加小Z微信(zlgmcu-888)進入AWTK群聊,ZLG研發技術團隊親自為您解答。
更多精彩內容敬請關注“ZLG致遠電子”微信公眾號,我們會持續發布AWTK最新動態。
責任編輯:pj
-
編譯
+關注
關注
0文章
663瀏覽量
33082 -
云平臺
+關注
關注
1文章
1331瀏覽量
39205
發布評論請先 登錄
相關推薦
AWTK-WEB 快速入門(4) - JS Http 應用程序
![<b class='flag-5'>AWTK</b>-WEB 快速入門(4) - JS Http <b class='flag-5'>應用程序</b>](https://file.elecfans.com/web2/M00/50/DA/pYYBAGLH6TyAB71EAAAPQ7KgtYA038.png)
AWTK-WEB 快速入門(2) - JS 應用程序
![<b class='flag-5'>AWTK</b>-WEB 快速入門(2) - JS <b class='flag-5'>應用程序</b>](https://file.elecfans.com/web2/M00/50/DA/pYYBAGLH6TyAB71EAAAPQ7KgtYA038.png)
AWTK-WEB 快速入門(1) - C 語言應用程序
![<b class='flag-5'>AWTK</b>-WEB 快速入門(1) - C 語言<b class='flag-5'>應用程序</b>](https://file.elecfans.com/web2/M00/50/DA/pYYBAGLH6TyAB71EAAAPQ7KgtYA038.png)
AWTK 最新動態:支持瀏覽器控件
![<b class='flag-5'>AWTK</b> 最新動態:支持瀏覽器控件](https://file.elecfans.com/web2/M00/50/DA/pYYBAGLH6TyAB71EAAAPQ7KgtYA038.png)
【AWTK最新動態】AWTK 1.8版本發布
![【<b class='flag-5'>AWTK</b>最新動態】<b class='flag-5'>AWTK</b> 1.8版本發布](https://file.elecfans.com/web2/M00/50/DA/pYYBAGLH6TyAB71EAAAPQ7KgtYA038.png)
【AWTK使用經驗】如何播放視頻或攝像頭畫面
![【<b class='flag-5'>AWTK</b>使用經驗】如何播放視頻或攝像頭畫面](https://file.elecfans.com/web2/M00/50/DA/pYYBAGLH6TyAB71EAAAPQ7KgtYA038.png)
AN84868使用CX3配置FPGA,在UVC應用程序中,UART無法再發送調試信息是為什么?
【插針機HMI開發】用AWTK開發人機界面
![【插針機HMI開發】用<b class='flag-5'>AWTK</b>開發人機<b class='flag-5'>界面</b>](https://file.elecfans.com/web2/M00/50/DA/pYYBAGLH6TyAB71EAAAPQ7KgtYA038.png)
AWTK 開源串口屏開發(14) - 界面重用
![<b class='flag-5'>AWTK</b> 開源串口屏開發(14) - <b class='flag-5'>界面</b>重用](https://file.elecfans.com/web2/M00/50/DA/pYYBAGLH6TyAB71EAAAPQ7KgtYA038.png)
【從0開始創建AWTK應用程序】編譯應用到RTOS平臺
![【從0開始創建<b class='flag-5'>AWTK</b><b class='flag-5'>應用程序</b>】編譯應用到RTOS平臺](https://file.elecfans.com/web2/M00/50/DA/pYYBAGLH6TyAB71EAAAPQ7KgtYA038.png)
AWTK 開源串口屏開發(13) - 計算器應用
![<b class='flag-5'>AWTK</b> 開源串口屏開發(13) - 計算器應用](https://file.elecfans.com/web2/M00/50/DA/pYYBAGLH6TyAB71EAAAPQ7KgtYA038.png)
AWTK 開源串口屏開發(12) - 記事本應用
![<b class='flag-5'>AWTK</b> 開源串口屏開發(12) - 記事本應用](https://file.elecfans.com/web2/M00/50/DA/pYYBAGLH6TyAB71EAAAPQ7KgtYA038.png)
【AWTK開源智能串口屏方案】設計UI界面并上傳到串口屏
![【<b class='flag-5'>AWTK</b>開源智能串口屏方案】設計<b class='flag-5'>UI</b><b class='flag-5'>界面</b>并上傳到串口屏](https://file.elecfans.com/web2/M00/50/DA/pYYBAGLH6TyAB71EAAAPQ7KgtYA038.png)
【AWTK開源智能串口屏方案】MCU SDK使用與編譯運行
![【<b class='flag-5'>AWTK</b>開源智能串口屏方案】MCU SDK使用與編譯運行](https://file.elecfans.com/web2/M00/50/DA/pYYBAGLH6TyAB71EAAAPQ7KgtYA038.png)
評論