新闻中心

EEPW首页 > 嵌入式系统 > 设计应用 > 如何使UI像iPhone一样流畅炫酷?

如何使UI像iPhone一样流畅炫酷?

作者:ZLG致远电子时间:2018-12-21来源:电子产品世界收藏

  随着手机、智能手表等便携式设备的普及,用户对的要求越来越高,嵌入式系统对的需求也越来越迫切,本文将为大家介绍一个轻型、占用资源少、高性能、高可靠、便于移植、可配置及美观的编程框架。

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

  一、什么是嵌入式GUI?

  图形用户界面(Graphical User Interface,简称 GUI,又称图形用户接口)是指采用图形方式显示的计算机操作用户界面。嵌入式GUI即在嵌入式设备上使用显示屏去显示操作界面,主要用来与用户互动。

  


  二、市面上常见的GUI

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

  TouchGFX 是这两年才发布的嵌入式 GUI,以界面华丽,流畅以及强劲的 TouchGFX Designer著称。美中不足的是 TouchGFX 是要收费的。

  Embeded Wizard GUI 也是这两年才发布的嵌入式 GUI,同样以华丽,流畅的界面和强劲的GUIBuilder 著称。独创 Chora 界面编程语言,让大家的界面编程极其简单,GUIBuilder 上面含有非常多的控件,皮肤和主题供用户选择,且支持调试。 美中不足的是 Embeded Wizard GUI 也是要收费的。

  emWin 属于老牌的嵌入式 GUI 了,有着十几年的历史,软件架构和功能比较成熟了。但是做出来比较炫的效果非常麻烦,且不支持较为复杂的控件。

  


  QT是是一个1991年由Qt Company开发的跨平台C++图形用户界面应用程序开发框架。目前使用Linux操作系统的GUI设计大多数是基于QT开发的。

  以下是各种GUI对比表:

  


  三、AWTK使UI像一样

  AWTK是ZLG集团旗下致远电子开源的GUI引擎,其寓意有两方面:

  AWorks Toolkit:AWorks平台内置GUI

  Toolkit AnyWhere:为嵌入式、手机和PC打造的通用GUI

  AWUI-js为用户提供分离界面设计和逻辑的框架,AWStudio提供嵌入式组态软件和云组态开发环境。美工可以直接在AWStudio组态软件中进行精美的界面设计,让研发工程师专注于控制逻辑的应用程序。

  


  AWTK的主要特点:

  1.具有Qt的跨平台

  支持AWorks嵌入式低端、中端和高端各个平台开发;

  支持Linux桌面软件开发;

  支持MacOS桌面软件开发;

  支持Windows桌面软件开发

  支持Web App开发;

  2.具有emWin的小巧高效

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

  灵活的架构

  通常鱼和熊掌不兼得,功能强大和代码体积相互矛盾,AWTK要在嵌入式的低端,中端和高端平台上运行,要在Android/iOS上运行,要在PC甚至Web上运行,光靠小是不行的,灵活的架构才能 让它可小可大。

  高效的数据格式

  AWTK的主题数据和界面描述数据,在开 发时使用XML格式,运行时则编译成二进制的常量,故无需解析和内存分配。图片和字体也可以预先解码并编译成常量,运行时直接从FLASH读取,无需解码和内存分配。所以 AWTK在内存很小的平台仍然可以正常运行。

  保守的设计。

  由俭到奢易,由奢到俭难。在设计控件时尽量保守,降低对底层硬件的要求。AWTK可以在低端嵌入式平台上运行。 这些平台典型的配置是32K RAM,512K Flash和低于100M主频。

  3.快

  AWTK的快主要得益于:

  硬件加速

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

  缓存绘制

  播窗口动画前,预先绘制窗口到缓存,播放动画(平移/弹出动画)时只是纯粹内存拷贝,运行效率到达极致。

  高效的数据格式

  主题数据和UI数据以高效的二进制格式存储,使用时无需解析和内存分配,创建窗口可在瞬间完成。

  脏矩形算法

  启用脏矩形算法,每次只绘制变化的部分,提高运行效率并降低功耗。

  在IM287A的Linux系统上,Qt打开一个窗口需要3秒以上,AWTK则瞬间以超过40FPS的动画打开窗口(如果使用3FB,可以轻松达到60FPS)。

  4.具有TouchGfx/Embedded Wizard的酷炫

  支持现代GUI常见特性:

  窗口动画

  支持平移、弹出、缩放和淡入淡出等动画。

  控件动画

  支持移动、缩放、翻转、值变化和淡入淡出等动画。

  动画支持缓动作效果

  支持加速、减速和弹跳等数十种效果,亦可以自定义想要的效果。

  支持滑动

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

  支持游戏引擎常见功能

  帧动画、骨骼动画(TODO)和粒子效果(TODO)。

  主题支持全局和窗口两种方式

  轻松定制控件的外观效果,而无需要改变系统的主题。

  分离界面描述文件

  开发时采用XML格式描述,运行时编译成二进制格式。分离界面方便了开 发,而又无运行时的开销。

  5.稳定

  通过良好的架构设计和编程风格、单元测试、动态(valgrind)检查和Code Review保证其运行的稳定性。

  6.完全开源,商用免费

  开放全部源码;

  商业应用免费;

  没有阴谋,放心使用,不要想多了。但我们会为ZLG集团的客户提供更好的服务和支持。

  开源项目网址:https://github.com/zlgopen/awtk

  效果视频链接:https://v.qq.com/txp/iframe/player.html?vid=n07811pocfx

  AWTK,使UI像一样!

  


  M1052跨界核心板板载Cortex-M7的RT1050处理器,既具备MPU的强劲处理性能,又兼顾MCU微控制器的简单易用与实时性优势!

  最高支持1366*768分辨率LCD,集成电容触摸驱动,并预装AWorks 实时操作系统,让触控更稳定顺畅。

  



关键词: iPhone GUI

评论


相关推荐

技术专区

关闭