LVGL UI设计神器助你高效开发嵌入式UI应用——v0.26.0发布


前言

随着物联网的到来,凯文・凯利所预言的 “屏读” 时代也已来临。除了手机、平板电脑这类类似个人电脑的设备之外,越来越多的嵌入式设备也将配备触控显示屏。在资源有限的嵌入式设备上构建一个出色的用户界面(UI)应用并非易事,整个传统流程着实耗时耗力。
LVGL 是一个成熟、流行且设计精良的开源 UI 库,适用于资源有限的嵌入式设备。越来越多的人正在使用它。然而,从头开始手动创建一个 LVGL 应用仍然需要大量的工作。因此,一些针对 LVGL 的设计工具应运而生。用户可以通过拖放组件来设计自己的 UI,然后就能一键生成可编译且可运行的 C 语言代码。此外,用户还可以启动模拟器来预览它在设备中的显示效果。这确实提高了效率,节省了大量的时间和精力。
在这里,我要介绍一款基于 LVGL 的 UI 设计神器 ——Anyui。它免费、跨平台,无需注册,甚至还支持网页版,值得一试。

一、Anyui 是什么?

Anyui 是一款基于桌面的嵌入式设备 UI 设计工具,目前支持 LVGL,LVGL 是一款适用于资源有限设备的轻量级流行 UI 框架。你只需将组件拖放到画布(屏幕)上,更改它们的属性和样式,Anyui 就能一键为你生成可编译且可运行的源代码(C 代码)。你还可以运行模拟器来预览它在设备中的样子。通过这种方式,你省去了传统方式中编写大量 C 语言代码、构建项目、将其刷入设备并最终验证一切是否正常运行的繁琐步骤。只需专注于你的设计,其余的就交给 Anyui 吧。同时,Anyui 提供了与 Sketch(一款非常流行的设计工具)类似的使用体验。Anyui 所做的一切努力都是为了提高你的工作效率。
目前,Anyui 支持 Windows、Mac 系统,并且还有一个基于网页的试用平台,你无需下载任何软件包就可以在线试用。而且,它是免费的,也不需要任何注册。只需下载并安装,就可以开始使用了。

Anyui支持的特性:

  • Windows、Mac 和网页版
  • 语言切换(中文和英文)
  • 丰富的内置组件
  • 模板组件
  • 高阶组件(状态自管理)
    • 多状态按键
    • 标签滑块
    • 数值滑块
    • 多选框/单选框
    • 状态栏
    • 导航栏
    • 弹出抽屉
  • 全局状态栏
  • 撤销 / 重做(历史操作)
  • 快速复制
  • 自动对齐
  • 画布缩放
  • 组件锁定 / 隐藏
  • 纵向 / 横向模式
  • 新版本检查
  • 用户自定义的界面布局
  • 组件样式刷
  • 拖动选择组件
  • 动画
  • 窗口管理
  • 自定义屏幕分辨率
  • 圆形显示屏
  • 屏幕滑动操作
  • 等等……

二、v0.26.0 版本的新功能和修复

你可以在 此处 下载该版本。

演示视频:2分钟创建一个圆形表盘带屏幕滑动操作的LVGL应用

  • 创建新项目时,支持圆形显示屏
  • 支持圆弧组件
  • 支持屏幕滑动手势
  • 如果显示屏形状是圆形,组件栏隐藏状态栏、导航栏和抽屉
  • 其他修复和改进

总结

Anyui 正在快速迭代,将会添加越来越多的功能。本章介绍了最新发布的 v0.26.0 版本中引入的新功能。

【RT-Thread作品秀】基于 lvgl 的漏电保护装置校验仪 UI 界面设计作者:赵加文 概述低压漏电引起的各种安全事故已经严重影响到生产生活,威胁到生命财产安全。而解决这一现象的设备就是漏电保护开关,漏电保护开关的漏报率、误报率是很关键的参数,因此有必要对漏电保护开关的性能进行测试。因此,漏电保护装置校验仪是很有必要的。 开发环境硬件:ART-Pi 开发板,正点原子 480*272 4.3寸 RGB 屏幕 RT-Thread版本:4.0.3 开发工具及版本: RT-Thread Studio 2.0.0 :编写 编译 调试 下载代码 STM32CubeMX 6.1.0: codeBlocks 20.03:用于在 PC 机上进行 lvgl 模拟 MCU_Font V2.0: 用于转换中文,然后使得中文能够在 lvgl 中显示 RT-Thread使用情况概述在 UI 设计的整个过程中,使用到 RT-Thread 的部分主要有以下几个方面: 内核部分:动态线程,信号量 组件部分:PIN 设备、I2C 设备、TOUCH 设备框架、LCD 设备框架、finsh 组件 软件包部分:littlevgl2rtt、gt9147 硬件框架软件框架说明系统整体流程图: 软件模块说明整个UI 系统设计所遵循的是 lvgl 图形库的一个回调函数的机制,将各个事件与对应的操作所绑定起来,当滑动滑条时对应的滑条的回调函数就会被触发,那么就会执行滑条回调函数的内容,当滑动点击文本框时,文本框对应的回调函数就会被触发,进而创建键盘的控件,通过键盘输入所需要的数据。 演示效果图片展示: 演示视频: 比赛感悟这次参赛,之前还没有使用过 RT-Thread studio 这个集成开发环境,这次在使用 ART-Pi 的时候全程是使用 RT-Thread studio 这个开发环境,在使用的过程中也碰到了很多问题,有时候明明配置了相关组件,但是保存之后,并没有代码添加到工程里。现在也没有弄明白问题出在哪里,虽然存在着这里问题,但是在使用的过程中,还是非常的方便,整个开发过程就如同搭积木一样方便,与 RTT操作系统贴合的非常的紧密。 除此之外,便是在使用 lvgl 的过程中碰到了很多的问题,现在网上的教程基本是 lvgl v6 版本的教程,关于 lvgl v7 版本的教程很少,而且 v6版本与 V7 版本的 API 相差很大,不能按照 V6 版本来使用 V7 ,在这个过程中摸索了好多,同时也感受到了 lvgl 的魅力,使用在嵌入式系统上是非常不错的选择。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值