[English]

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运行时