JavaScript

显示原文

With lv_binding_js you can write lvgl with JavaScript.

It uses React's virtual DOM concept to manipulate lvgl UI components, providing a familiar React-like experience to users.

Code

Code Running on Real Device

使用 lv_binding_js，你可以使用JavaScript编写LVGL代码。

它采用了React的虚拟DOM概念来操作LVGL UI组件，为用户提供了类似React的熟悉体验。

代码

在真实设备上运行的代码

Table of Contents（目录）

显示原文

• Features

• Demo

• Building

• Components

• Font

• Animation

• Style

• JSAPI

• Thanks

• 功能

• 演示

• 构建

• 控件

• 字体

• 动画

• 样式

• JSAPI

• 感谢

Features（功能）

显示原文

• Support all lvgl built-in components

• Fully support lvgl flex and grid style

• support most lvgl style, just write like html5 css

• support dynamic load image

• Fully support lvgl animation

• 支持所有LVGL内置控件

• 完全支持LVGL的flex和grid样式

• 支持大多数LVGL样式，只需像HTML5的CSS一样编写

• 支持动态加载图片

• 完全支持LVGL动画功能

Demo（演示）

显示原文

See the demo folder

查看 演示 文件夹

Building（构建）

显示原文

The following are developer notes on how to build lvgljs on your native platform. They are not complete guides, but include notes on the necessary libraries, compile flags, etc.

以下是关于如何在本地平台上构建lvgljs的开发者笔记。这些笔记不是完整的指南，但包括了所需的库、编译标志等。

lvgljs

显示原文

• ubuntu build Notes for sdl simulator

• macos x86 build Notes for sdl simulator

• ubuntu build Notes for platform arm

• 在SDL模拟器上构建Ubuntu的说明，请参考此链接:

• 在SDL模拟器上构建macOS x86的说明，请参考此链接:

• 在ARM平台上构建Ubuntu的说明，请参考此链接:

JS Bundle（JS捆绑）

显示原文

• JS Bundle build Notes

• JS捆绑构建 注意

Components（控件）

显示原文

• View

• Image

• Button

• Text

• Input

• Textarea

• Switch

• Checkbox

• Dropdownlist

• ProgressBar

• Line

• Roller

• Keyboard

• Calendar

• Chart

• 查看

• 图像

• 按钮

• 文本

• 输入

• 文本区

• 开关

• 复选框

• 下拉列表

• 进度条

• 线条

• 滚轮

• 键盘

• 日历

• 图表

Font（字体）

显示原文

• Builtin-Symbol

• 内置符号

Animation（动画）

显示原文

• Animation

• 动画

Style（风格）

• position-size-layout

• boxing-model

• color

• flex

• grid

• font

• opacity

• display

• background

• scroll

• shadow

• recolor

• line

• transition

• transform

JSAPI

• network

• filesystem

• dimension

Thanks（感谢）

显示原文

lvgljs depends on following excellent work

• lvgl: Create beautiful UIs for any MCU, MPU and display type

• QuickJS: JavaScript engine

• libuv: platform abstraction layer

• curl: HTTP client

• txiki.js: Tiny JavaScript runtime

lvgljs依赖于以下出色的工作成果：

• lvgl：为任何MCU、MPU和显示类型创建美观的用户界面

• QuickJS：JavaScript引擎

• libuv：平台抽象层

• curl：HTTP客户端

• txiki.js：微型JavaScript运行时