From 64bd9053a25297f7a442ca831c7da5b44bd33f84 Mon Sep 17 00:00:00 2001 From: jacqueline Date: Wed, 12 Jun 2024 17:54:40 +1000 Subject: Update LVGL to v9.1.0 --- lib/lvgl/docs/integration/bindings/javascript.rst | 133 ++++++++++++++++++++++ 1 file changed, 133 insertions(+) create mode 100644 lib/lvgl/docs/integration/bindings/javascript.rst (limited to 'lib/lvgl/docs/integration/bindings/javascript.rst') diff --git a/lib/lvgl/docs/integration/bindings/javascript.rst b/lib/lvgl/docs/integration/bindings/javascript.rst new file mode 100644 index 00000000..b619a0e5 --- /dev/null +++ b/lib/lvgl/docs/integration/bindings/javascript.rst @@ -0,0 +1,133 @@ +========== +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** + +Table of Contents +----------------- + +- `Features <#features>`__ +- `Demo <#demo>`__ +- `Building <#building>`__ +- `Components <#components>`__ +- `Font <#font>`__ +- `Animation <#animation>`__ +- `Style <#style>`__ +- `JSAPI <#jsapi>`__ +- `Thanks <#thanks>`__ + +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 + +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 +~~~~~~ + +- `ubuntu build Notes for sdl + simulator `__ +- `macos x86 build Notes for sdl + simulator `__ +- `ubuntu build Notes for platform + arm `__ + +JS Bundle +~~~~~~~~~ + +- `JS Bundle build + Notes `__ + +Components +---------- + +- `View `__ +- `Image `__ +- `Button `__ +- `Text `__ +- `Input `__ +- `Textarea `__ +- `Switch `__ +- `Checkbox `__ +- `Dropdownlist `__ +- `ProgressBar `__ +- `Line `__ +- `Roller `__ +- `Keyboard `__ +- `Calendar `__ +- `Chart `__ + +Font +---- + +`Builtin-Symbol `__ + +Animation +--------- + +`Animation `__ + +Style +----- + +.. include::https://github.com/lvgl/lv_binding_js/blob/master/doc/style/position-size-layout.md + +- `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 -- cgit v1.2.3