lvgljs，用 javascript 来写 lvgl UI

已于 2022-10-16 09:26:18 修改
阅读量1.8k 收藏 1
点赞数 1
文章标签： javascript 嵌入式硬件 前端 ui
于 2022-10-16 01:29:49 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35291168/article/details/127343245
版权

lvgljs 是一个以 quickjs 作为 javascript 引擎、UI 层使用 lvgl 驱动的 UI 框架，可以像 react 一样写 UI，欢迎大家去 github [lvgljs](https://github.com/Sxs7513/lvgljs)

UI Code 如下：


 

 

<br />

真机效果如下
 

 

qq_35291168
关注
探索跨平台GUI新纪元：Lvgljs——JavaScript触碰LVGL的强大魔力
gitblog_00015的博客
06-24 605
探索跨平台GUI新纪元：Lvgljs——JavaScript触碰LVGL的强大魔力 lv_binding_jsReact bindings for LVGL ⚛️项目地址:https://gitcode.com/gh_mirrors/lv/lv_binding_js 在快速演进的物联网与嵌入式世界中，直观且响应迅速的用户界面（UI）变得至关重要。今天，我们为您带来一个令人兴奋的开源宝藏——Lvg...
探索未来UI开发：lvgljs项目全面解析
最新发布
gitblog_00365的博客
08-26 399
探索未来UI开发：lvgljs项目全面解析 lv_binding_jsReact bindings for LVGL ⚛️项目地址:https://gitcode.com/gh_mirrors/lv/lv_binding_js 在嵌入式系统领域，用户界面的开发往往是一项复杂且耗时的任务。然而，随着技术的不断进步，开源项目lvgljs的出现，为开发者提供了一种全新的、高效的UI开发方式。本文将深入...
LVGL JavaScript绑定开源项目教程
gitblog_00881的博客
08-23 268
LVGL JavaScript绑定开源项目教程 lv_binding_jsReact bindings for LVGL ⚛️项目地址:https://gitcode.com/gh_mirrors/lv/lv_binding_js 项目介绍 LVGL (LittlevGL) 是一个高效且功能丰富的嵌入式GUI库，专为带LCD或OLED屏幕的微控制器设计。此GitHub仓库 lv_binding...
LVGL离线字库转换工具带NODEJS
11-19
LVGL离线字库转换工具带NODEJS
LVGL开发：配置模拟器学习LVGL V8.3
天城电子嵌入式的博客
07-14 2181
像按钮、标签、滑块、图表等图形元素都派生于widget，LVGL有屏幕的概念，各Widget组件在创建时，需要指定父对象，子对象只在父对象区域内可见，随着父对象移动而移动、删除而删除。可以为一个对象分配一个或多个回调函数，当对象被点击、释放、拖动、删除等操作时，这些回调函数将被调用。在WINDOWS下面，大家最常使用的是VS2019，为了和大家保持一致，这里也使用VS2019进行配置。除了每个Widget对象都有的基本属性之外，对于每个控件特有的属性，可以通过函数。创建Widget对象，
LVGL7.0高级界面开发-1
qq_36690796的博客
01-16 9070
综合界面开发-1 创建一个类似安卓的界面，用到的知识有style,tabview,imgbtn,img,list,label,cont，bar。 style用于修改控件的风格 tabview创建一个主页菜单 imgbtn用于自定义图像APP img纯贴图用 list用于长按APP的快捷方式 label显示文本 bard动态显示电量 cont容器，各种控件都可以放在里面，在屏幕上可以作为一个整体显示，毕竟page、win等也
microPython环境下的lvgl开发心得
qq_37333737的博客
09-11 4904
microPython环境下的lvgl是c代码通过pycparser转换成python代码的。因此没有python环境下的源文件。发开需依靠REPL（交互式控制台）调出文档配合c源码进行。 以变换内置主题为例，记录下开发思路。 打开REPL，输入 import lvgl as lv help(lv) 得到类lv下所有的方法和类，查找theme相关，有如下方法： theme_set_current -- <function> theme_get_current -- <funct
micropython lvgl_lv_binding_micropython
weixin_39778218的博客
12-11 669
Bindings for LittelvGLSee also Micropython + LittlevGL blog post.For advanced features, see Pure Micropython Display Driver blog post.MicropythonMicropython Binding for lvgl (LittlelvGL) provides an a...
基于Javascript的mint-ui Vue组件库设计源码
05-26
本项目是基于Javascript的mint-ui Vue组件库设计源码，包含234个文件，其中包括80个JavaScript文件、69个Vue文件、38个Markdown文档、31个JSON文件、4个CSS文件、1个eslintignore文件、1个eslintrc文件、1个...
基于Javascript和TypeScript的简易UI组件库设计源码 - N53-UI
05-29
本源码提供了一个基于Javascript和TypeScript...编写N53-UI的主要原因也是因为想设计一套以个人审美为主的UI组件库，方便个人使用，也分享给愿意赏脸品鉴的同行人。目前只添加了个别组件，后续会根据本人需求更新组件。
lv_utils：将图像或系统字体转换为C数组。 为LVGL嵌入式GUI库编写
02-05
与LittlevGL一起使用的实用程序 5.3-字体转换器 旧的5.x字体转换器（使用PHP）已于2020年1月删除，因为它不再与LittlevGL的现代版本兼容。 包含它的最后一个提交是 。 总览 该存储库包含LittlevGL的许多转换器实用程序。 请注意， 在有自己的存储库。 图像转换器： : 十六进制字体转换器 在这里，您可以查看它们的工作方式或下载它们以离线运行。 开始吧 本指南说明了如何在Linux上的命令行中离线使用转换器 安装PHP： sudo apt-get install php7.2-cli 高扩展 2.a对于图像操纵器： sudo apt-get install
JavaScript 前端框架Web UI 解决方案源码.zip
05-19
JavaScript前端框架 Web UI 解决方案，采用自身经典的模块化规范，并遵循原生 HTML/CSS/JS 的开发方式，极易上手，拿来即用。其风格简约轻盈，而组件优雅丰盈，从源代码到使用方法的每一处细节都经过精心雕琢，非常...
免费Android创建UI：用javascript与Activity进行交互
07-07
通过具体的代码示例，展示了如何在Android应用中设置WebView，如何使用addJavascriptInterface方法将Android对象暴露给JavaScript，以及如何在JavaScript中调用这些对象的方法。 适用人群 本文适用于以下人群： ...
图形库LVGL v8.2版本移植
aron566博客
06-06 4539
LVGL移植案例
LV2之-----js基础程序逻辑（语法规范& if else&switch&for）------练习
跛鳖千里，丘山崇成
04-23 1238
js练习------语法规范& if else&switch&for part1 1.用代码实现 变量a中存储的数字10，变量b中存储的数字是3 1）a除以b后，并取整，在页面输出得到的结果？ var a = 10,b = 3; var num = parseInt(a/b); alert(num); 2）将a%b后得到的结果转...
一文读懂NodeJs知识体系和原理浅析
m0_67614517的博客
10-17 216
事件循环使 Node.js 可以通过将操作转移到系统内核中来执行非阻塞 I/O 操作（尽管 JavaScript 是单线程的）。由于大多数现代内核都是多线程的，因此它们可以处理在后台执行的多个操作。当这些操作之一完成时，内核会告诉 Node.js，以便可以将适当的回调添加到轮询队列中以最终执行。Node.js 启动时，它将初始化事件循环，处理提供的输入脚本，这些脚本可能会进行异步 API 调用，调度计时器或调用， 然后开始处理事件循环。每个阶段都有一个要执行的回调 FIFO 队列。
micropython开发lvgl教程
qq_34440409的博客
01-24 9994
前言 为什么要使用micropython来开发lvgl而不是用c? 当然在资源非常受限的芯片比如单片机上c开发会是很好的选择，或者对于某些不喜欢mpy解释器特性的也不适合。这些都不是本教程谈论的重点，我们先来看看使用micropython开发起来有何不同。 我们先来看看lvgl官网关于这个的介绍：https://docs.lvgl.io/master/get-started/micropython.html https://blog.lvgl.io/2019-02-20/micropython-bindin
LVGL基础部件学习笔记
m0_51274562的博客
01-13 6131
LV_PART_MAIN 类似矩形的背景LV_PART_SCROLLBAR 滚动条LV_PART_INDICATOR 指标，例如用于滑块、条、开关或复选框的勾选框 LV_PART_KNOB 像手柄一样可以抓取调整值LV_PART_SELECTED 表示当前选择的选项或部分LV_PART_ITEMS 如果小部件具有多个相似元素（例如表格单元格）LV_PART_TICKS 刻度上的刻度，例如对于图表或仪表。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值