<meter id="pryje"><nav id="pryje"><delect id="pryje"></delect></nav></meter>
          <label id="pryje"></label>

          新聞中心

          EEPW首頁 > 嵌入式系統(tǒng) > 設(shè)計(jì)應(yīng)用 > 如何使UI像iPhone一樣流暢炫酷?

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

          作者:ZLG致遠(yuǎn)電子 時間:2018-12-21 來源:電子產(chǎn)品世界 收藏

            隨著手機(jī)、智能手表等便攜式設(shè)備的普及,用戶對的要求越來越高,嵌入式系統(tǒng)對的需求也越來越迫切,本文將為大家介紹一個輕型、占用資源少、高性能、高可靠、便于移植、可配置及美觀的編程框架。

          本文引用地址:http://www.ex-cimer.com/article/201812/395910.htm

            一、什么是嵌入式GUI?

            圖形用戶界面(Graphical User Interface,簡稱 GUI,又稱圖形用戶接口)是指采用圖形方式顯示的計(jì)算機(jī)操作用戶界面。嵌入式GUI即在嵌入式設(shè)備上使用顯示屏去顯示操作界面,主要用來與用戶互動。

            


            二、市面上常見的GUI

            當(dāng)前市面上主流的嵌入式 GUI 主要有:emWin(uCGUI),TouchGFX,Embedded Wizard GUI,以及QT。

            TouchGFX 是這兩年才發(fā)布的嵌入式 GUI,以界面華麗,流暢以及強(qiáng)勁的 TouchGFX Designer著稱。美中不足的是 TouchGFX 是要收費(fèi)的。

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

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

            


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

            以下是各種GUI對比表:

            


            三、AWTK使UI像一樣

            AWTK是ZLG集團(tuán)旗下致遠(yuǎn)電子開源的GUI引擎,其寓意有兩方面:

            ?AWorks Toolkit:AWorks平臺內(nèi)置GUI

            ?Toolkit AnyWhere:為嵌入式、手機(jī)和PC打造的通用GUI

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

            


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

            1.具有Qt的跨平臺

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

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

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

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

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

            2.具有emWin的小巧高效

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

            ?靈活的架構(gòu)

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

            ?高效的數(shù)據(jù)格式

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

            ?保守的設(shè)計(jì)。

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

            3.快

            AWTK的快主要得益于:

            ?硬件加速

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

            ?緩存繪制

            播窗口動畫前,預(yù)先繪制窗口到緩存,播放動畫(平移/彈出動畫)時只是純粹內(nèi)存拷貝,運(yùn)行效率到達(dá)極致。

            ?高效的數(shù)據(jù)格式

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

            ?臟矩形算法

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

            在IM287A的Linux系統(tǒng)上,Qt打開一個窗口需要3秒以上,AWTK則瞬間以超過40FPS的動畫打開窗口(如果使用3FB,可以輕松達(dá)到60FPS)。

            4.具有TouchGfx/Embedded Wizard的酷炫

            支持現(xiàn)代GUI常見特性:

            ?窗口動畫

            支持平移、彈出、縮放和淡入淡出等動畫。

            ?控件動畫

            支持移動、縮放、翻轉(zhuǎn)、值變化和淡入淡出等動畫。

            ?動畫支持緩動作效果

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

            ?支持滑動

            ListView/SlideView/Selector/Switch等控件支持滑動效果。

            ?支持游戲引擎常見功能

            幀動畫、骨骼動畫(TODO)和粒子效果(TODO)。

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

            輕松定制控件的外觀效果,而無需要改變系統(tǒng)的主題。

            ?分離界面描述文件

            開發(fā)時采用XML格式描述,運(yùn)行時編譯成二進(jìn)制格式。分離界面方便了開 發(fā),而又無運(yùn)行時的開銷。

            5.穩(wěn)定

            通過良好的架構(gòu)設(shè)計(jì)和編程風(fēng)格、單元測試、動態(tài)(valgrind)檢查和Code Review保證其運(yùn)行的穩(wěn)定性。

            6.完全開源,商用免費(fèi)

            ?開放全部源碼;

            ?商業(yè)應(yīng)用免費(fèi);

            ?沒有陰謀,放心使用,不要想多了。但我們會為ZLG集團(tuán)的客戶提供更好的服務(wù)和支持。

            開源項(xiàng)目網(wǎng)址:https://github.com/zlgopen/awtk

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

            AWTK,使UI像一樣!

            


            M1052跨界核心板板載Cortex-M7的RT1050處理器,既具備MPU的強(qiáng)勁處理性能,又兼顧MCU微控制器的簡單易用與實(shí)時性優(yōu)勢!

            最高支持1366*768分辨率LCD,集成電容觸摸驅(qū)動,并預(yù)裝AWorks 實(shí)時操作系統(tǒng),讓觸控更穩(wěn)定順暢。

            



          關(guān)鍵詞: iPhone GUI

          評論


          相關(guān)推薦

          技術(shù)專區(qū)

          關(guān)閉
          看屁屁www成人影院,亚洲人妻成人图片,亚洲精品成人午夜在线,日韩在线 欧美成人 (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })();