如何使UI像iPhone一樣流暢炫酷？

　　隨著(zhù)手機、智能手表等便攜式設備的普及，用戶(hù)對GUI的要求越來(lái)越高，嵌入式系統對GUI的需求也越來(lái)越迫切，本文將為大家介紹一個(gè)輕型、占用資源少、高性能、高可靠、便于移植、可配置及美觀(guān)的GUI編程框架。

　　一、什么是嵌入式GUI?

　　圖形用戶(hù)界面(Graphical User Interface，簡(jiǎn)稱(chēng) GUI，又稱(chēng)圖形用戶(hù)接口)是指采用圖形方式顯示的計算機操作用戶(hù)界面。嵌入式GUI即在嵌入式設備上使用顯示屏去顯示操作界面，主要用來(lái)與用戶(hù)互動(dòng)。

　　二、市面上常見(jiàn)的GUI

　　當前市面上主流的嵌入式 GUI 主要有：emWin(uCGUI)，TouchGFX，Embedded Wizard GUI，以及QT。

　　TouchGFX 是這兩年才發(fā)布的嵌入式 GUI，以界面華麗，流暢以及強勁的 TouchGFX Designer著(zhù)稱(chēng)。美中不足的是 TouchGFX 是要收費的。

　　Embeded Wizard GUI 也是這兩年才發(fā)布的嵌入式 GUI，同樣以華麗，流暢的界面和強勁的GUIBuilder 著(zhù)稱(chēng)。獨創(chuàng ) Chora 界面編程語(yǔ)言，讓大家的界面編程極其簡(jiǎn)單，GUIBuilder 上面含有非常多的控件，皮膚和主題供用戶(hù)選擇，且支持調試。 美中不足的是 Embeded Wizard GUI 也是要收費的。

　　emWin 屬于老牌的嵌入式 GUI 了，有著(zhù)十幾年的歷史，軟件架構和功能比較成熟了。但是做出來(lái)比較炫的效果非常麻煩，且不支持較為復雜的控件。

　　QT是是一個(gè)1991年由Qt Company開(kāi)發(fā)的跨平臺C++圖形用戶(hù)界面應用程序開(kāi)發(fā)框架。目前使用Linux操作系統的GUI設計大多數是基于QT開(kāi)發(fā)的。

　　以下是各種GUI對比表：

　　三、AWTK使UI像iPhone一樣

　　AWTK是ZLG集團旗下致遠電子開(kāi)源的GUI引擎，其寓意有兩方面：

　　?AWorks Toolkit：AWorks平臺內置GUI

　　?Toolkit AnyWhere：為嵌入式、手機和PC打造的通用GUI

　　AWUI-js為用戶(hù)提供分離界面設計和邏輯的框架，AWStudio提供嵌入式組態(tài)軟件和云組態(tài)開(kāi)發(fā)環(huán)境。美工可以直接在A(yíng)WStudio組態(tài)軟件中進(jìn)行精美的界面設計，讓研發(fā)工程師專(zhuān)注于控制邏輯的應用程序。

　　AWTK的主要特點(diǎn)：

　　1.具有Qt的跨平臺

　　?支持AWorks嵌入式低端、中端和高端各個(gè)平臺開(kāi)發(fā);

　　?支持Linux桌面軟件開(kāi)發(fā);

　　?支持MacOS桌面軟件開(kāi)發(fā);

　　?支持Windows桌面軟件開(kāi)發(fā)

　　?支持Web App開(kāi)發(fā);

　　2.具有emWin的小巧高效

　　AWTK的小并非真的小，而是它可以很小。這主要得益于：

　　?靈活的架構

　　通常魚(yú)和熊掌不兼得，功能強大和代碼體積相互矛盾，AWTK要在嵌入式的低端，中端和高端平臺上運行，要在A(yíng)ndroid/iOS上運行，要在PC甚至Web上運行，光靠小是不行的，靈活的架構才能 讓它可小可大。

　　?高效的數據格式

　　AWTK的主題數據和界面描述數據，在開(kāi) 發(fā)時(shí)使用XML格式，運行時(shí)則編譯成二進(jìn)制的常量，故無(wú)需解析和內存分配。圖片和字體也可以預先解碼并編譯成常量，運行時(shí)直接從FLASH讀取，無(wú)需解碼和內存分配。所以 AWTK在內存很小的平臺仍然可以正常運行。

　　?保守的設計。

　　由儉到奢易，由奢到儉難。在設計控件時(shí)盡量保守，降低對底層硬件的要求。AWTK可以在低端嵌入式平臺上運行。 這些平臺典型的配置是32K RAM，512K Flash和低于100M主頻。

　　3.快

　　AWTK的快主要得益于：

　　?硬件加速

　　AWTK抽象了硬件加速接口，目前支持 STM32的G2D、NXP的PXP和GPU(OpenGL/OpenGLES)，充分挖掘硬件的性能。

　　?緩存繪制

　　播窗口動(dòng)畫(huà)前，預先繪制窗口到緩存，播放動(dòng)畫(huà)(平移/彈出動(dòng)畫(huà))時(shí)只是純粹內存拷貝，運行效率到達極致。

　　?高效的數據格式

　　主題數據和UI數據以高效的二進(jìn)制格式存儲，使用時(shí)無(wú)需解析和內存分配，創(chuàng )建窗口可在瞬間完成。

　　?臟矩形算法

　　啟用臟矩形算法，每次只繪制變化的部分，提高運行效率并降低功耗。

　　在IM287A的Linux系統上，Qt打開(kāi)一個(gè)窗口需要3秒以上，AWTK則瞬間以超過(guò)40FPS的動(dòng)畫(huà)打開(kāi)窗口(如果使用3FB，可以輕松達到60FPS)。

　　4.具有TouchGfx/Embedded Wizard的酷炫

　　支持現代GUI常見(jiàn)特性：

　　?窗口動(dòng)畫(huà)

　　支持平移、彈出、縮放和淡入淡出等動(dòng)畫(huà)。

　　?控件動(dòng)畫(huà)

　　支持移動(dòng)、縮放、翻轉、值變化和淡入淡出等動(dòng)畫(huà)。

　　?動(dòng)畫(huà)支持緩動(dòng)作效果

　　支持加速、減速和彈跳等數十種效果，亦可以自定義想要的效果。

　　?支持滑動(dòng)

　　ListView/SlideView/Selector/Switch等控件支持滑動(dòng)效果。

　　?支持游戲引擎常見(jiàn)功能

　　幀動(dòng)畫(huà)、骨骼動(dòng)畫(huà)(TODO)和粒子效果(TODO)。

　　?主題支持全局和窗口兩種方式

　　輕松定制控件的外觀(guān)效果，而無(wú)需要改變系統的主題。

　　?分離界面描述文件

　　開(kāi)發(fā)時(shí)采用XML格式描述，運行時(shí)編譯成二進(jìn)制格式。分離界面方便了開(kāi) 發(fā)，而又無(wú)運行時(shí)的開(kāi)銷(xiāo)。

　　5.穩定

　　通過(guò)良好的架構設計和編程風(fēng)格、單元測試、動(dòng)態(tài)(valgrind)檢查和Code Review保證其運行的穩定性。

　　6.完全開(kāi)源，商用免費

　　?開(kāi)放全部源碼;

　　?商業(yè)應用免費;

　　?沒(méi)有陰謀，放心使用，不要想多了。但我們會(huì )為ZLG集團的客戶(hù)提供更好的服務(wù)和支持。

　　開(kāi)源項目網(wǎng)址：https://github.com/zlgopen/awtk

　　效果視頻鏈接：https://v.qq.com/txp/iframe/player.html?vid=n07811pocfx

　　AWTK，使UI像iPhone一樣!

　　M1052跨界核心板板載Cortex-M7的RT1050處理器，既具備MPU的強勁處理性能，又兼顧MCU微控制器的簡(jiǎn)單易用與實(shí)時(shí)性?xún)?yōu)勢!

　　最高支持1366*768分辨率LCD，集成電容觸摸驅動(dòng)，并預裝AWorks 實(shí)時(shí)操作系統，讓觸控更穩定順暢。