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

Posted HaaS技术社区

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了新一代嵌入式UI框架 HaaS UI 使用JS在嵌入式开发炫酷前端相关的知识,希望对你有一定的参考价值。

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

以上是关于新一代嵌入式UI框架 HaaS UI 使用JS在嵌入式开发炫酷前端的主要内容,如果未能解决你的问题,请参考以下文章

ESP32 也能实现精美UI 使用 HaaS UI Lite (Python)打造音乐播放器

使用 ESP32 + HaaS Python 打造智能温湿度UI面板

ESP32 + HaaS Python UI Lite 组件 打造倒计时面板

关于鸿蒙系统 JS UI 框架源码的分析

如何将 Swagger UI 嵌入网页?

全志D1-H Dock ProYoC RTOS 实战:HaaS UI UED桌面显示