新一代嵌入式UI框架 HaaS UI 使用JS在嵌入式开发炫酷前端

Posted 2022-03-01 HaaS技术社区

HaaS UI 是一款面向AIoT 领域的渐进式JS应用开发框架，以移动开发理念有效降低开发者研发AIoT带屏应用难度。

理念

移动开发模式，全面拥抱JavaScritp开源生态，且系统服务通过统一的JSAPI，实现一端开发，多端运行策略

框架特色

框架介绍

前端框架能力

• 前端框架：采用Vue.js(v2.6.12)开源框架,实现了W3C标准的标签和样式子集
• CSS样式：盒模型、Flex、Transition、Transform、线性渐变、阴影......

• 前端组件：button,video,scroller,test,image,slider,canvas......

应用框架能力

• 多应用能力：引入类似android应用理念，可以将IoT场景里将复杂的业务进行拆成多个应用，独立运行降低资源开销，当应用退出后则会回收内存资源
• 热更新能力：支持应用的独立升级(不依赖OTA升级)，实现应用更加敏捷的版本迭代

• 包管理能力：实现对不同应用的管理，基于该模块可以扩展出应用市场，可以实现三方应用的在线安装功能

图形框架能力

• 图片解码：支持jpeg、png解码能力
• 字体：支持FreeType2 矢量字库

• 支持Lottie、SVGA动画特效
• 视频图层合并：支持Video层与 OSD层叠加，目前建议自带视频硬件合成(可有效降低CPU占用率)

• GPU硬件加速：支持通过GreenUI图形框架的Canvas api，实现对不同渲染引擎的对接，通过扩展OGLES接口，实现对GPU硬件加速支持

支持平台系统

Alios Things、Linux、Window、MacOS 系统

推荐硬件

• CPU频率：推荐 单核 >800MHZ，更高的频率效果更加
• 框架资源占用(纯软件绘制)：RAM 2.5MB~4MB， ROM 1.5MB (不包含字库)

• 一般场景(720P分辨率)：包含多个应用，推荐10MB~16MB内存，ROM(包含字库) 10MB~16MB

HaaS UI 部分产品化演示效果

IoT带屏公板效果

HaaS UI 使用JS在嵌入式开发炫酷前端

词典扫读笔

智能面板

门禁监控

(提供Video层与UI层的合成方案)

更多物联网开发黑科技和炫酷案例，请前往

HaaS开发框架HaaS积木方案，赋能生态开发者，让您快速找到自己需要的解决方案，硬件主板与外设，以及各种应用组件。https://haas.iot.aliyun.com/HaaS UI 轻应用显示框架介绍 · 语雀定位是一个面向AIoT 领域的渐进式JS应用开发框架，...https://www.yuque.com/wcye0k/haasui/awyrlg