摘要：GUI工程師都期待設(shè)計出輕量級、美觀的嵌入式GUI界面以滿足用戶需求，而AWTK的誕生能為行業(yè)應(yīng)用帶來何種變化？本文將從行業(yè)角度出發(fā)，為大家分享AWTK優(yōu)勢。

GUI產(chǎn)品的定位，對于一位產(chǎn)品開發(fā)人員來講都希望自己開發(fā)的產(chǎn)品引領(lǐng)潮流，吸引消費者買單。

怎樣才能做出具有競爭力的產(chǎn)品呢？如圖一，圖二，圖三所示。

圖一

圖二

圖三

從產(chǎn)品本身來講，在控制硬件成本的同時，產(chǎn)品的功能豐富且人機交互方式炫酷，產(chǎn)品視覺的沖擊性較強，成為現(xiàn)在具有競爭力產(chǎn)品的先決條件。不管您做的產(chǎn)品是屬于哪個行業(yè)，現(xiàn)在附加值高的產(chǎn)品都與顯示屏有著不可分割的關(guān)系。有些產(chǎn)品架構(gòu)師都已經(jīng)把顯示部分與產(chǎn)品本身分離開發(fā)，對顯示屏部分的開發(fā)十分重視，因為這直接關(guān)乎產(chǎn)品的銷量，最終影響公司的效益?？梢奊UI對我們產(chǎn)品的重要性。如圖4所示

圖四

我們常見的行業(yè)有醫(yī)療電子，工業(yè)控制，汽車電子，智能家居等。

大家都面臨同樣一個問題：GUI如何選擇？

產(chǎn)品總監(jiān)：“我希望產(chǎn)品的交互界面對消費者有吸引力，所以界面要炫酷！”

產(chǎn)品經(jīng)理：“我希望我的工程師能夠快速開發(fā)產(chǎn)品，效率一定要高且方便！”

UI設(shè)計師：“做的界面炫酷些，圖片對視覺要有沖擊……,這個界面友好些，這個界面切換要有動畫……”

產(chǎn)品工程師：“又來活了?。。。?！啊，這個界面我該怎么辦?。。。。?！”

從產(chǎn)品的角度上看，管理者都希望每個產(chǎn)品是爆款。UI設(shè)計師僅僅負責做好布局，提供炫酷的界面，剩下的就到實際開發(fā)的工程師那里。GUI選擇的好，產(chǎn)品實現(xiàn)起來就會容易滿足需求。

嵌入式行業(yè)提到GUI大家可能都會說上那么一兩個，如：emWin、Qt、TouchGFX等。

總結(jié)大家的整體需求：對于大部分產(chǎn)品來講，大家都希望做一款顯示終端，終端可以通過通訊接口與下行設(shè)備進行數(shù)據(jù)交互實現(xiàn)控制，類似串口屏但是要比串口屏界面靈活且交互性體驗良好。這樣將顯示部分的開發(fā)與產(chǎn)品本身分離出來，顯示部分硬件不改變的同時，軟件架構(gòu)不改變，只需每個產(chǎn)品對應(yīng)一個顯示的APP。

AWTK，一款真正意義上的跨平臺GUI

AWTK平臺是一套基于C語言的跨平臺GUI開發(fā)框架，可用于開發(fā)物聯(lián)網(wǎng)、消費電子、工業(yè)控制、汽車電子、智能家居等領(lǐng)域的應(yīng)用產(chǎn)品，旨在為用戶提供一個功能強大、高效可靠、簡單易用、可輕松做出炫酷效果的GUI開發(fā)解決方案，使用戶開發(fā)GUI應(yīng)用就像開發(fā)串口應(yīng)用一樣簡單。開發(fā)流程如圖5所示。

圖五

優(yōu)勢，讓懂的人一眼就明白。

1、支持純C語言編程

2、支持跨多種操作系統(tǒng)，跨多種硬件平臺，小巧高效

3、擁有完善的動畫系統(tǒng)，豐富的GUI控件，支持硬件加速

4、支持位圖字體和矢量字體

5、內(nèi)置中英文輸入法，并支持智能詞組輸入

6、支持視網(wǎng)膜高清分辨率技術(shù)

7、支持組態(tài)方式開發(fā)界面，所見即所得

8、支持界面與邏輯分離技術(shù)，用腳本直接編寫邏輯

9、支持云端模板和組件市場，構(gòu)建開發(fā)生態(tài)圈

技術(shù)技巧分享：

1、醫(yī)療電子GUI需求：圖表曲線描繪

app.main.c中要對line_series 控件進行創(chuàng)建，如圖六所示。

圖六

使用XML將界面描繪出來，如圖七所示。

圖七

使用如下函數(shù)界面用打出原始的12個點

on_append_series_data(widget, 12);

使用定時生成數(shù)據(jù)會3000ms增加一個新的點

  value_set_uint32(&val, timer_add(on_timer_random_data, win, 3000));//定時產(chǎn)生隨機數(shù)并給圖表繪制 3S變換一次

細節(jié)如圖八，圖九，圖十，圖十一，所示。

圖八

圖九

圖十

圖十一

這樣就實現(xiàn)了在現(xiàn)有的曲線上添加了一個新的數(shù)據(jù)并繪制。效果如下圖十二所示

圖十二

2、工業(yè)儀表指針、汽車電子指針需求：

首先對需要的指針進行資源打包處理，此步驟參考《AWTK開發(fā)實踐》。

我們要將指針使用XML描繪出來如下圖十四所示：

圖十四

這里講一下動畫參數(shù)，可以參考《AWTK開發(fā)實踐》。如圖十五，圖十六所示。

定義一個旋轉(zhuǎn)指針，初始化value=-128，動畫參數(shù)是從-128到+128，無線循環(huán)，周期是3000ms，啟動延時1000ms

圖十五

圖十六

如圖十七，圖十八，所示，調(diào)用開始按鈕啟動動畫。

圖十七

圖十八

實現(xiàn)效果如下圖十九：

圖十九

我們使用同樣的方法可以實現(xiàn)如下類型的指針，只不過是指針的樣子換了圖片資源而已。

如圖二十，圖二十一，圖二十二所示。

圖二十

圖二十一

圖二十二

新功能預告：

為滿足廣大嵌入式開發(fā)者的需求，我們拖拽式開發(fā)界面即將發(fā)布，滿足各式各樣的控件拖拽。似乎在嵌入式開發(fā)過程中找到了自己的另一半， AWTK會不舍不棄與您同行。開發(fā)界面如圖二十三所示。

圖二十三