diff --git a/README.md b/README.md
index 1e1eadecae..cc4970af4a 100644
--- a/README.md
+++ b/README.md
@@ -51,7 +51,7 @@ Our team is ready to help you with graphics design, UI implementation and consul
**Widgets, Styles, Layouts and more**
- 30+ built-in [Widgets](https://docs.lvgl.io/master/details/widgets/index.html): Button, Label, Slider, Chart, Keyboard, Meter, Arc, Table and many more.
- - Flexible [Style system](https://docs.lvgl.io/master/details/common-widget-features/styles/index.html) with ~100 style properties to customize any part of the widgets in any state.
+ - Flexible [Style system](https://docs.lvgl.io/master/details/common-widget-features/styles/style.html) with ~100 style properties to customize any part of the widgets in any state.
- [Flexbox](https://docs.lvgl.io/master/details/common-widget-features/layouts/flex.html) and [Grid](https://docs.lvgl.io/master/details/common-widget-features/layouts/grid.html)-like layouts engines to automatically size and position the widgets in a responsive way.
- Texts are rendered with UTF-8 encoding supporting CJK, Thai, Hindi, Arabic, Persian writing systems.
- Word wrapping, kerning, text scrolling, sub-pixel rendering, Pinyin-IME Chinese input, Emojis in texts.
@@ -88,7 +88,7 @@ If someone implements or fixes an issue labeled as [Sponsored](https://github.co
[](https://opencollective.com/lvgl)
**Individuals supporting LVGL**
-[](https://opencollective.com/lvgl)
+[](https://opencollective.com/lvgl)
## :package: Packages
LVGL is available as:
diff --git a/docs/README_jp.md b/docs/README_jp.md
index 5d210e66a6..3cb8f74645 100644
--- a/docs/README_jp.md
+++ b/docs/README_jp.md
@@ -12,7 +12,7 @@
Light and Versatile Graphics Library
@@ -54,26 +54,26 @@ LVGL LLC では、グラフィックデザイン、UI実装、コンサルティ
**フリー & 移植可能**
- 外部依存関係がなく、完全に移植可能な Cライブラリ。(C++互換)
- 任意の(RT)OS、任意のMCU・MPU用にコンパイル可能。
- - 電子ペーパー、OLEDディスプレイ、TFTディスプレイ、白黒ディスプレイ、モニターに対応。 [Porting Guide](https://docs-lvgl-io.translate.goog/master/porting/project.html?_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja)
+ - 電子ペーパー、OLEDディスプレイ、TFTディスプレイ、白黒ディスプレイ、モニターに対応。 [Porting Guide](https://docs-lvgl-io.translate.goog/master/details/integration/adding-lvgl-to-your-project/index.html?_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja)
- MITライセンスにより商用利用可能。
- システム要件:RAM 32KB、Flash 128KB、フレームバッファ、レンダリング用に1/10以上のスクリーンサイズのバッファ。
- OS、外部メモリ、GPUもサポート。
**ウィジェット、スタイル、レイアウトなど**
- - 30以上の組み込み [ウィジェット](https://docs-lvgl-io.translate.goog/master/widgets/index.html?_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja): ボタン、ラベル、スライダー、グラフ、キーボード、メーター、円弧、表など。
- - ウィジェットの任意の部分を任意の状態にカスタマイズ可能な豊富なスタイルプロパティを備えた柔軟な [スタイルシステム](https://docs-lvgl-io.translate.goog/master/overview/styles.html?_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja)。
- - [Flexbox](https://docs-lvgl-io.translate.goog/master/layouts/flex.html?_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja) および [グリッド](https://docs-lvgl-io.translate.goog/master/layouts/grid.html?_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja) 風のレイアウトエンジンにより、ウィジェットのサイズと位置を自動的に設定。
+ - 30以上の組み込み [ウィジェット](https://docs-lvgl-io.translate.goog/master/details/widgets/index.html?_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja): ボタン、ラベル、スライダー、グラフ、キーボード、メーター、円弧、表など。
+ - ウィジェットの任意の部分を任意の状態にカスタマイズ可能な豊富なスタイルプロパティを備えた柔軟な [スタイルシステム](https://docs-lvgl-io.translate.goog/master/details/common-widget-features/styles/style.html?_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja)。
+ - [Flexbox](https://docs-lvgl-io.translate.goog/master/details/common-widget-features/layouts/flex.html?_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja) および [グリッド](https://docs-lvgl-io.translate.goog/master/details/common-widget-features/layouts/grid.html?_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja) 風のレイアウトエンジンにより、ウィジェットのサイズと位置を自動的に設定。
- テキスト表示(UTF-8対応)は、中国語、日本語、韓国語、タイ語、ヒンディー語、アラビア語、ペルシア語をサポート。
- ワードラッピング、カーニング、テキストスクロール、サブピクセルレンダリング、ピンイン-IME中国語入力、テキスト中の絵文字に対応。
- アニメーション、アンチエイリアシング、不透明度、スムーズスクロール、シャドウ、画像変換などをサポートするレンダリングエンジン。
- - マウス、タッチパッド、キーパッド、キーボード、外部ボタン、エンコーダ等の [入力デバイス](https://docs-lvgl-io.translate.goog/master/porting/indev.html?_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja) をサポート。
- - [マルチディスプレイ](https://docs-lvgl-io.translate.goog/master/overview/display.html?_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja) 対応。
+ - マウス、タッチパッド、キーパッド、キーボード、外部ボタン、エンコーダ等の [入力デバイス](https://docs-lvgl-io.translate.goog/master/details/integration/adding-lvgl-to-your-project/index.html?_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja) をサポート。
+ - [マルチディスプレイ](https://docs-lvgl-io.translate.goog/master/details/main-modules/display/overview.html?_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja) 対応。
**Binding と Build をサポート**
- [MicroPython Binding](https://blog-lvgl-io.translate.goog/2019-02-20/micropython-bindings?_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja) が LVGL API を公開。
- カスタムビルドシステムは使用せず、プロジェクトの他のファイルをビルドするときに、LVGLをビルド可能。
- - Make と [CMake](https://docs-lvgl-io.translate.goog/master/get-started/platforms/cmake.html?_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja) が含まれており、すぐ使えるようにサポート。
- - [PCのシミュレータで開発したUIコード](https://docs-lvgl-io.translate.goog/master/get-started/platforms/pc-simulator.html?_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja) は、そのまま組込み用ハードウェアでも使用可能。
+ - Make と [CMake](https://docs-lvgl-io.translate.goog/master/details/integration/building/cmake.html?_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja) が含まれており、すぐ使えるようにサポート。
+ - [PCのシミュレータで開発したUIコード](https://docs-lvgl-io.translate.goog/master/details/integration/ide/pc-simulator.html?_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja) は、そのまま組込み用ハードウェアでも使用可能。
- [Emscripten port](https://github.com/lvgl/lv_web_emscripten) :gb: によりC言語のUIコードをHTMLファイルに変換。
**ドキュメント, ツール, 技術サービス**
@@ -83,13 +83,13 @@ LVGL LLC では、グラフィックデザイン、UI実装、コンサルティ
## :package: パッケージ
LVGL は以下で利用可能です。
-- [Arduino library](https://docs-lvgl-io.translate.goog/master/get-started/platforms/arduino.html?_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja)
+- [Arduino library](https://docs-lvgl-io.translate.goog/master/details/integration/framework/arduino.html?_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja)
- [PlatformIO package](https://registry.platformio.org/libraries/lvgl/lvgl) :gb:
- [Zephyr library](https://docs-zephyrproject-org.translate.goog/latest/index.html?_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja)
-- [ESP32 component](https://docs-lvgl-io.translate.goog/master/get-started/platforms/espressif.html?_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja)
+- [ESP32 component](https://docs-lvgl-io.translate.goog/master/details/integration/chip/espressif.html?_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja)
- [NXP MCUXpresso component](https://www-nxp-com.translate.goog/design/software/embedded-software/lvgl-open-source-graphics-library:LITTLEVGL-OPEN-SOURCE-GRAPHICS-LIBRARY?_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja)
-- [NuttX library](https://docs-lvgl-io.translate.goog/master/get-started/os/nuttx.html?_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja)
-- [RT-Thread RTOS](https://docs-lvgl-io.translate.goog/master/get-started/os/rt-thread.html?_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja)
+- [NuttX library](https://docs-lvgl-io.translate.goog/master/details/integration/os/nuttx.html?_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja)
+- [RT-Thread RTOS](https://docs-lvgl-io.translate.goog/master/details/integration/os/rt-thread.html?_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja)
- NXP MCUXpresso library
- CMSIS-Pack
@@ -311,7 +311,7 @@ slider.set_style_shadow_spread(2, lv.PART.KNOB)
### English, Hebrew (mixed LRT-RTL) and Chinese texts
-
+
C code
@@ -376,23 +376,23 @@ LVGLを使い始める時は、以下の順に進める事をおすすめしま
1. LVGLの動きを [オンラインデモ](https://lvgl-io.translate.goog/demos?_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja) で確認しましょう。 (3分間)
2. ドキュメントの [Introduction](https://docs-lvgl-io.translate.goog/master/intro/index.html?_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja) を読みましょう。 (5分間)
- 3. LVGLの基本に慣れるため [Quick overview](https://docs-lvgl-io.translate.goog/master/get-started/quick-overview.html?_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja) を読みましょう。 (15分間)
+ 3. LVGLの基本に慣れるため [Quick overview](https://docs-lvgl-io.translate.goog/master/intro/getting_started.html?_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja) を読みましょう。 (15分間)
**LVGLを使ってみましょう**
- 4. [シミュレータ](https://docs-lvgl-io.translate.goog/master/get-started/platforms/pc-simulator.html?_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja) をセットアップしましょう。 (10 minutes)
+ 4. [シミュレータ](https://docs-lvgl-io.translate.goog/master/details/integration/ide/pc-simulator.html?_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja) をセットアップしましょう。 (10 minutes)
5. [サンプルプログラム](https://github.com/lvgl/lvgl/tree/master/examples) :gb: を動かしてみましょう。
- 6. [移植ガイド](https://docs-lvgl-io.translate.goog/master/porting/index.html?_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja) を参考に、LVGLを開発ボードに移植してみましょう。すぐ使える形の [プロジェクト](https://github.com/lvgl?q=lv_port_) :gb: も用意してあります。
+ 6. [移植ガイド](https://docs-lvgl-io.translate.goog/master/details/integration/adding-lvgl-to-your-project/index.html?_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja) を参考に、LVGLを開発ボードに移植してみましょう。すぐ使える形の [プロジェクト](https://github.com/lvgl?q=lv_port_) :gb: も用意してあります。
**より詳しく体験してみましょう**
- 7. ライブラリの理解を深めるため [Overview](https://docs-lvgl-io.translate.goog/master/overview/index.html?_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja) を読みましょう。 (2~3時間)
- 8. ウィジェットの機能や使い方の詳細は [Widgets](https://docs-lvgl-io.translate.goog/master/widgets/index.html?_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja) でご確認ください。
+ 7. ライブラリの理解を深めるため [Overview](https://docs-lvgl-io.translate.goog/master/intro/getting_started.html?_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja) を読みましょう。 (2~3時間)
+ 8. ウィジェットの機能や使い方の詳細は [Widgets](https://docs-lvgl-io.translate.goog/master/details/widgets/index.html?_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja) でご確認ください。
**助け合いましょう**
9. 質問がある場合は [Forum](http://forum.lvgl.io/) :gb: で質問して下さい。
- 10. LVGLの改善への協力は大歓迎です。詳細は [Contributing guide](https://docs-lvgl-io.translate.goog/master/CONTRIBUTING.html?_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja) をご覧ください。 (15分間)
+ 10. LVGLの改善への協力は大歓迎です。詳細は [Contributing guide](https://docs-lvgl-io.translate.goog/master/contributing/index.html?_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja) をご覧ください。 (15分間)
**さらに理解を深めましょう**
@@ -425,7 +425,7 @@ LVGLはオープンプロジェクトであり、協力は大歓迎です。
- ドキュメントの改善
- バグの修正
-協力方法の詳細については、ドキュメントの [Contributing section](https://docs-lvgl-io.translate.goog/master/CONTRIBUTING.html?_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja) をご覧ください。
+協力方法の詳細については、ドキュメントの [Contributing section](https://docs-lvgl-io.translate.goog/master/contributing/index.html?_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja) をご覧ください。
すでに 300人以上がLVGLに足跡を残しています。いっしょに活動しましょう! :slightly_smiling_face:
diff --git a/docs/README_pt_BR.md b/docs/README_pt_BR.md
index 227e13e48a..1d53d3e6a7 100644
--- a/docs/README_pt_BR.md
+++ b/docs/README_pt_BR.md
@@ -21,7 +21,7 @@ A última versão estável está disponível na branch [release/v8.3](https://gi
LVGL - Biblioteca gráfica leve e versátil
@@ -62,7 +62,7 @@ Nossa equipe está pronta para ajudá-lo com design gráfico, implementação de
- Uma biblioteca C totalmente portátil (compatível com C++) sem dependências externas.
- Pode ser compilado para qualquer display MCU ou MPU, e qualquer sistema operacional de tempo real (RT-OS).
- - Suporta monitores monocromáticos, ePaper, OLED ou TFT. [Guia de portabilidade](https://docs.lvgl.io/master/porting/project.html)
+ - Suporta monitores monocromáticos, ePaper, OLED ou TFT. [Guia de portabilidade](https://docs.lvgl.io/master/details/integration/adding-lvgl-to-your-project/index.html)
- Distribuído sob a licença do MIT, para que você também possa usá-lo facilmente em projetos comerciais.
- Precisa de apenas 32 kB de RAM e 128 kB de Flash, um frame buffer e pelo menos uma tela de tamanho 1/10 para renderização.
- Sistemas operacionais, memória externa e GPU são suportados, mas não obrigatórios.
@@ -82,13 +82,13 @@ Nossa equipe está pronta para ajudá-lo com design gráfico, implementação de
- Exposição da API do LVGL com o [Micropython](https://blog.lvgl.io/2019-02-20/micropython-bindings)
- Nenhum sistema de compilação personalizado é usado. Você pode construir o LVGL enquanto constrói os outros arquivos do seu projeto.
- - O suporte para Make e [CMake](https://docs.lvgl.io/master/get-started/platforms/cmake.html) já vem incluído.
- - [Desenvolva no PC](https://docs.lvgl.io/master/get-started/platforms/pc-simulator.html) e use o mesmo código de interface do usuário em hardwares incorporados (embedded hardware).
+ - O suporte para Make e [CMake](https://docs.lvgl.io/master/details/integration/building/cmake.html) já vem incluído.
+ - [Desenvolva no PC](https://docs.lvgl.io/master/details/integration/ide/pc-simulator.html) e use o mesmo código de interface do usuário em hardwares incorporados (embedded hardware).
- Converta o código C para um arquivo HTML com o [Emscripten port](https://github.com/lvgl/lv_web_emscripten).
**Documentação, ferramentas e serviços**
- - Documentação detalhada com [+100 exemplos simples](https://docs.lvgl.io/master/index.html)
+ - Documentação detalhada com [+100 exemplos simples](https://docs.lvgl.io/master/examples.html)
- [SquareLine Studio](https://squareline.io) - Um software editor UI profissional e fácil de usar, para acelerar e simplificar o desenvolvimento da interface do usuário.
- [Serviços](https://lvgl.io/services) como design de UI, implementação e consultoria para tornar o desenvolvimento de UI mais simples e rápido.
@@ -109,19 +109,19 @@ Se alguém implementar ou corrigir um problema rotulado como [Patrocinado](https
[](https://opencollective.com/lvgl)
**Pessoas que apoiam o projeto LVGL**
-[](https://opencollective.com/lvgl)
+[](https://opencollective.com/lvgl)
## :package: Pacotes
LVGL está disponível para:
-- [Arduino library](https://docs.lvgl.io/master/get-started/platforms/arduino.html)
+- [Arduino library](https://docs.lvgl.io/master/details/integration/framework/arduino.html)
- [PlatformIO package](https://registry.platformio.org/libraries/lvgl/lvgl)
- [Zephyr library](https://docs.zephyrproject.org/latest/kconfig.html#CONFIG_LVGL)
-- [ESP32 component](https://docs.lvgl.io/master/get-started/platforms/espressif.html)
+- [ESP32 component](https://docs.lvgl.io/master/details/integration/chip/espressif.html)
- [NXP MCUXpresso component](https://www.nxp.com/design/software/embedded-software/lvgl-open-source-graphics-library:LITTLEVGL-OPEN-SOURCE-GRAPHICS-LIBRARY)
-- [NuttX library](https://docs.lvgl.io/master/get-started/os/nuttx.html)
-- [RT-Thread RTOS](https://docs.lvgl.io/master/get-started/os/rt-thread.html)
+- [NuttX library](https://docs.lvgl.io/master/details/integration/os/nuttx.html)
+- [RT-Thread RTOS](https://docs.lvgl.io/master/details/integration/os/rt-thread.html)
- NXP MCUXpresso library
- CMSIS-Pack
@@ -129,8 +129,6 @@ LVGL está disponível para:
Veja como criar um botão com um evento de clique em C e MicroPython. Para mais exemplos, veja a pasta [examples](https://github.com/lvgl/lvgl/tree/master/examples).
-
-
### Botão com evento de clique

@@ -341,7 +339,7 @@ slider.set_style_shadow_spread(2, lv.PART.KNOB)
### Textos em inglês, hebraico (LRT-RTL misto) e chinês
-
+
Código C
@@ -406,23 +404,23 @@ Esta lista irá guiá-lo para começar com o LVGL passo a passo.
1. Confira as [demos on-line](https://lvgl.io/demos) para ver o LVGL em ação (~3 minutos)
2. Leia a página de [introdução](https://docs.lvgl.io/master/intro/index.html) da documentação (~5 minutos)
- 3. Familiarize-se com o básico na página de [visão geral rápida](https://docs.lvgl.io/master/get-started/quick-overview.html) (~15 minutos)
+ 3. Familiarize-se com o básico na página de [visão geral rápida](https://docs.lvgl.io/master/intro/getting_started.html) (~15 minutos)
**Começando a usar o LVGL**
- 4. Configure um [simulador](https://docs.lvgl.io/master/get-started/platforms/pc-simulator.html) (~10 minutos)
+ 4. Configure um [simulador](https://docs.lvgl.io/master/details/integration/ide/pc-simulator.html) (~10 minutos)
5. Experimente alguns [exemplos](https://github.com/lvgl/lvgl/tree/master/examples)
- 6. Porte o LVGL para uma placa. Veja o guia [portando o LVGL](https://docs.lvgl.io/master/porting/index.html) ou veja um projeto pronto para usar em [projetos](https://github.com/lvgl?q=lv_port_)
+ 6. Porte o LVGL para uma placa. Veja o guia [portando o LVGL](https://docs.lvgl.io/master/details/integration/adding-lvgl-to-your-project/index.html) ou veja um projeto pronto para usar em [projetos](https://github.com/lvgl?q=lv_port_)
**Torne-se um profissional**
- 7. Leia a página [visão geral](https://docs.lvgl.io/master/overview/index.html) para entender melhor a biblioteca (~2-3 horas)
- 8. Verifique a documentação dos [widgets](https://docs.lvgl.io/master/widgets/index.html) para ver seus recursos e usabilidade
+ 7. Leia a página [visão geral](https://docs.lvgl.io/master/intro/getting_started.html) para entender melhor a biblioteca (~2-3 horas)
+ 8. Verifique a documentação dos [widgets](https://docs.lvgl.io/master/details/widgets/index.html) para ver seus recursos e usabilidade
**Obtenha ajuda e ajude outras pessoas**
9. Se você tiver dúvidas, acesse o [Fórum](http://forum.lvgl.io)
- 10. Leia o guia de [contribuição](https://docs.lvgl.io/master/CONTRIBUTING.html) para ver como você pode ajudar a melhorar o LVGL (~15 minutos)
+ 10. Leia o guia de [contribuição](https://docs.lvgl.io/master/contributing/index.html) para ver como você pode ajudar a melhorar o LVGL (~15 minutos)
**E mais**
@@ -444,7 +442,7 @@ Confira nossas [demonstrações](https://lvgl.io/demos) como referência. Para o
## :star2: Contribuindo
O LVGL é um projeto aberto e sua contribuição é muito bem-vinda. Há muitas maneiras de contribuir, desde simplesmente falando sobre seu projeto, escrevendo exemplos, melhorando a documentação, corrigindo bugs até hospedar seu próprio projeto sob a organização LVGL.
-Para obter uma descrição detalhada das oportunidades de contribuição, visite a página de [contribuição](https://docs.lvgl.io/master/CONTRIBUTING.html) da documentação.
+Para obter uma descrição detalhada das oportunidades de contribuição, visite a página de [contribuição](https://docs.lvgl.io/master/contributing/index.html) da documentação.
Mais de 300 pessoas já deixaram sua impressão digital no LVGL. Seja um deles! Veja o seu aqui! :slightly_smiling_face:
diff --git a/docs/README_zh.md b/docs/README_zh.md
index 663143be2e..9f500544a3 100644
--- a/docs/README_zh.md
+++ b/docs/README_zh.md
@@ -6,19 +6,22 @@
-
+
+
+ Light and Versatile Graphics Library
+
+
+ 轻量级通用型图形库
+
- Light and Versatile Graphics Library
- 轻量级通用型图形库
-
@@ -31,138 +34,148 @@
服务
-
[中文宣传单](./flyers/LVGL-Chinese-Flyer.pdf)
-#### 目录
-- [概况与总览](#概况与总览)
- - [特性](#特性)
- - [硬件要求](#硬件要求)
- - [已经支持的平台](#已经支持的平台)
-- [如何入门](#如何入门)
-- [例程](#例程)
- - [C](#c)
- - [MicroPython](#micropython)
-- [服务](#服务)
-- [如何向社区贡献](#如何向社区贡献)
+## :ledger: 目录
-## 概况与总览
-### 特性
-* 丰富且强大的模块化[图形组件](https://docs.lvgl.io/master/widgets/index.html):按钮 (buttons)、图表 (charts)、列表 (lists)、滑动条 (sliders)、图片 (images) 等
-* 高级的图形引擎:动画、抗锯齿、透明度、平滑滚动、图层混合等效果
-* 支持多种[输入设备](https://docs.lvgl.io/master/overview/indev.html):触摸屏、 键盘、编码器、按键等
-* 支持[多显示设备](https://docs.lvgl.io/master/overview/display.html)
-* 不依赖特定的硬件平台,可以在任何显示屏上运行
-* 配置可裁剪(最低资源占用:64 kB Flash,16 kB RAM)
-* 基于UTF-8的多语种支持,例如中文、日文、韩文、阿拉伯文等
-* 可以通过[类CSS](https://docs.lvgl.io/master/overview/styles.html)的方式来设计、布局图形界面(例如:[Flex](https://docs.lvgl.io/master/layouts/flex.html)、[Grid](https://docs.lvgl.io/master/layouts/grid.html))
-* 支持操作系统、外置内存、以及硬件加速(LVGL已内建支持STM32 DMA2D、SWM341 DMA2D、NXP PXP和VGLite)
-* 即便仅有[单缓冲区(frame buffer)](https://docs.lvgl.io/master/porting/display.html)的情况下,也可保证渲染如丝般顺滑
-* 全部由C编写完成,并支持C++调用
-* 支持MicroPython编程,参见:[LVGL API in MicroPython](https://blog.lvgl.io/2019-02-20/micropython-bindings)
-* 支持[模拟器](https://docs.lvgl.io/master/get-started/platforms/pc-simulator.html)仿真,可以无硬件依托进行开发
-* 丰富详实的[例程](https://github.com/lvgl/lvgl/tree/master/examples)
-* 详尽的[文档](http://docs.lvgl.io/)以及API参考手册,可线上查阅或可下载为PDF格式
+- [:ledger: 目录](#ledger-目录)
+- [:rocket: 概况与总览](#rocket-概况与总览)
+ - [硬件要求](#硬件要求)
+ - [:package: 已经支持的平台](#package-已经支持的平台)
+- [如何入门](#如何入门)
+- [:robot: 例程](#robot-例程)
+ - [Button with Click Event 按钮与点击事件](#button-with-click-event-按钮与点击事件)
+ - [Micropython](#micropython)
+ - [Checkboxes with Layout 带布局的复选框](#checkboxes-with-layout-带布局的复选框)
+ - [Styling a Slider 设置滑块的样式](#styling-a-slider-设置滑块的样式)
+ - [English, Hebrew (mixed LRT-RTL) and Chinese texts 英语、希伯来语( 双向文本排版 )和中文](#english-hebrew-mixed-lrt-rtl-and-chinese-texts-英语希伯来语-双向文本排版-和中文)
+- [:handshake: 服务](#handshake-服务)
+- [:star: 如何向社区贡献](#star-如何向社区贡献)
+
+## :rocket: 概况与总览
+
+**特性**
+
+- 丰富且强大的模块化[图形组件](https://docs.lvgl.io/master/details/widgets/index.html):按钮
+ (buttons)、图表 (charts)、列表 (lists)、滑动条 (sliders)、图片
+ (images) 等
+- 高级的图形引擎:动画、抗锯齿、透明度、平滑滚动、图层混合等效果
+- 支持多种[输入设备](https://docs.lvgl.io/master/details/main-modules/indev.html):触摸屏、键盘、编码器、按键等
+- 支持[多显示设备](https://docs.lvgl.io/master/details/main-modules/display/index.html)
+- 不依赖特定的硬件平台,可以在任何显示屏上运行
+- 配置可裁剪(最低资源占用:64 kB Flash,16 kB RAM)
+- 基于UTF-8的多语种支持,例如中文、日文、韩文、阿拉伯文等
+- 可以通过[类CSS](https://docs.lvgl.io/master/details/common-widget-features/styles/style.html)的方式来设计、布局图形界面(例如:[Flexbox](https://docs.lvgl.io/master/details/common-widget-features/layouts/flex.html)、[Grid](https://docs.lvgl.io/master/details/common-widget-features/layouts/grid.html))
+- 支持操作系统、外置内存、以及硬件加速(LVGL已内建支持STM32 DMA2D、SWM341 DMA2D、NXP PXP和VGLite)
+- 即便仅有[单缓冲区(frame buffer)](https://docs.lvgl.io/master/details/main-modules/display/index.html)的情况下,也可保证渲染如丝般顺滑
+- 全部由C编写完成,并支持C++调用
+- 支持Micropython编程,参见:[LVGL API in Micropython](https://blog.lvgl.io/2019-02-20/micropython-bindings)
+- 支持[模拟器](https://docs.lvgl.io/master/details/integration/ide/pc-simulator.html) 仿真,可以无硬件依托进行开发
+- 丰富详实的[例程](https://github.com/lvgl/lvgl/tree/master/examples)
+- 详尽的[文档](http://docs.lvgl.io/) 以及API参考手册,可线上查阅或可下载为PDF格式
### 硬件要求
-
- | 要求 |
- 最低要求 |
- 建议要求 |
-
-
- | 架构 |
- 16、32、64位微控制器或微处理器 |
-
-
- | 时钟 |
- > 16 MHz |
- > 48 MHz |
-
-
-
- | Flash/ROM |
- > 64 kB |
- > 180 kB |
-
-
-
- | Static RAM |
- > 16 kB |
- > 48 kB |
-
-
-
- | Draw buffer |
- > 1 × hor. res. pixels |
- > 1/10屏幕大小 |
-
-
-
- | 编译器 |
- C99或更新 |
-
+
+ | 要求 |
+ 最低要求 |
+ 建议要求 |
+
+
+ | 架构 |
+ 16、32、64位微控制器或微处理器 |
+
+
+ | 时钟 |
+ > 16 MHz |
+ > 48 MHz |
+
+
+ | Flash/ROM |
+ > 64 kB |
+ > 180 kB |
+
+
+ | Static RAM |
+ > 16 kB |
+ > 48 kB |
+
+
+ | Draw buffer |
+ > 1 × hor. res. pixels |
+ > 1/10屏幕大小 |
+
+
+ | 编译器 |
+ C99或更新 |
+
*注意:资源占用情况与具体硬件平台、编译器等因素有关,上表中仅给出参考值*
-### 已经支持的平台
+### :package: 已经支持的平台
+
LVGL本身并不依赖特定的硬件平台,任何满足LVGL硬件配置要求的微控制器均可运行LVGL。
如下仅列举其中一部分:
-- NXP: Kinetis, LPC, iMX, iMX RT
-- STM32F1, STM32F3, STM32F4, STM32F7, STM32L4, STM32L5, STM32H7
-- Microchip dsPIC33, PIC24, PIC32MX, PIC32MZ
-- [Linux frame buffer](https://blog.lvgl.io/2018-01-03/linux_fb) (/dev/fb)
-- [Raspberry Pi](http://www.vk3erw.com/index.php/16-software/63-raspberry-pi-official-7-touchscreen-and-littlevgl)
-- [Espressif ESP32](https://github.com/lvgl/lv_port_esp32)
-- [Infineon Aurix](https://github.com/lvgl/lv_port_aurix)
-- Nordic NRF52 Bluetooth modules
-- Quectel modems
-- [SYNWIT SWM341](https://www.synwit.cn/)
+- NXP: Kinetis, LPC, iMX, iMX RT
+- STM32F1, STM32F3, STM32F4, STM32F7, STM32L4, STM32L5, STM32H7
+- Microchip dsPIC33, PIC24, PIC32MX, PIC32MZ
+- [Linux frame buffer](https://blog.lvgl.io/2018-01-03/linux_fb) (/dev/fb)
+- [Espressif ESP32](https://github.com/lvgl/lv_port_esp32)
+- [Infineon Aurix](https://github.com/lvgl/lv_port_aurix)
+- Nordic NRF52 Bluetooth modules
+- Quectel modems
+- [SYNWIT SWM341](https://www.synwit.cn/)
LVGL也支持:
-- [Arduino library](https://docs.lvgl.io/master/get-started/platforms/arduino.html)
+- [Arduino library](https://docs.lvgl.io/master/details/integration/framework/arduino.html)
- [PlatformIO package](https://registry.platformio.org/libraries/lvgl/lvgl)
- [Zephyr library](https://docs.zephyrproject.org/latest/kconfig.html#CONFIG_LVGL)
-- [ESP32 component](https://docs.lvgl.io/master/get-started/platforms/espressif.html)
+- [ESP32 component](https://docs.lvgl.io/master/details/integration/chip/espressif.html)
- [NXP MCUXpresso component](https://www.nxp.com/design/software/embedded-software/lvgl-open-source-graphics-library:LITTLEVGL-OPEN-SOURCE-GRAPHICS-LIBRARY)
-- [NuttX library](https://docs.lvgl.io/master/get-started/os/nuttx.html)
+- [NuttX library](https://docs.lvgl.io/master/details/integration/os/nuttx.html)
- [RT-Thread RTOS](https://www.rt-thread.org/document/site/#/rt-thread-version/rt-thread-standard/packages-manual/lvgl-docs/introduction)
-## 如何入门
-请按照如下顺序来学习LVGL:
-1. 使用[网页在线例程](https://lvgl.io/demos)来体验LVGL(3分钟)
-2. 阅读文档[简介](https://docs.lvgl.io/master/intro/index.html)章节来初步了解LVGL(5分钟)
-3. 再来阅读一下文档快速[快速概览](https://docs.lvgl.io/master/get-started/quick-overview.html)章节来了解LVGL的基本知识(15分钟)
-4. 学习如何使用[模拟器](https://docs.lvgl.io/master/get-started/platforms/pc-simulator.html)来在电脑上仿真LVGL(10分钟)
-5. 试着动手实践一些[例程](https://github.com/lvgl/lvgl/tree/master/examples)
-6. 参考[移植指南](https://docs.lvgl.io/master/porting/index.html)尝试将LVGL移植到一块开发板上,LVGL也已经提供了一些移植好的[工程](https://github.com/lvgl?q=lv_port_)
-7. 仔细阅读文档[总览](https://docs.lvgl.io/master/overview/index.html)章节来更加深入的了解和熟悉LVGL(2-3小时)
-8. 浏览文档[组件(Widgets)](https://docs.lvgl.io/master/widgets/index.html)章节来了解如何使用它们
-9. 如果你有问题可以到LVGL[论坛](http://forum.lvgl.io/)提问
-10. 阅读文档[如何向社区贡献](https://docs.lvgl.io/master/CONTRIBUTING.html)章节来看看你能帮LVGL社区做些什么,以促进LVGL软件质量的不断提高(15分钟)
-## 例程
+## 如何入门
+
+请按照如下顺序来学习LVGL:
+1. 使用[网页在线例程](https://lvgl.io/demos) 来体验LVGL(3分钟)
+2. 阅读文档[简介](https://docs.lvgl.io/master/intro/introduction.html)章节来初步了解LVGL(5分钟)
+3. 再来阅读一下文档快速[快速概览](https://docs.lvgl.io/master/intro/getting_started.html)章节来了解LVGL的基本知识(15分钟)
+4. 学习如何使用[模拟器](https://docs.lvgl.io/master/details/integration/ide/pc-simulator.html)来在电脑上仿真LVGL(10分钟)
+5. 试着动手实践一些[例程](https://github.com/lvgl/lvgl/tree/master/examples)
+6. 参考[移植指南](https://docs.lvgl.io/master/details/integration/adding-lvgl-to-your-project/index.html)尝试将LVGL移植到一块开发板上,LVGL也已经提供了一些移植好的[工程](https://github.com/lvgl?q=lv_port_)
+7. 仔细阅读文档[总览](https://docs.lvgl.io/master/details/main-modules/index.html)章节来更加深入的了解和熟悉LVGL(2-3小时)
+8. 浏览文档[组件(Widgets)](https://docs.lvgl.io/master/details/widgets/index.html)章节来了解如何使用它们
+9. 如果你有问题可以到LVGL[论坛](http://forum.lvgl.io/)提问
+10. 阅读文档[如何向社区贡献](https://docs.lvgl.io/master/contributing/index.html)章节来看看你能帮LVGL社区做些什么,以促进LVGL软件质量的不断提高(15分钟)
+
+
+## :robot: 例程
更多例程请参见 [examples](https://github.com/lvgl/lvgl/tree/master/examples) 文件夹。
-
+### Button with Click Event 按钮与点击事件
+
+
+
+
+ C code
-### C
```c
-lv_obj_t * btn = lv_button_create(lv_screen_active()); /*Add a button to the current screen*/
-lv_obj_set_pos(btn, 10, 10); /*Set its position*/
-lv_obj_set_size(btn, 100, 50); /*Set its size*/
-lv_obj_add_event(btn, btn_event_cb, LV_EVENT_CLICKED, NULL); /*Assign a callback to the button*/
+lv_obj_t * btn = lv_button_create(lv_screen_active()); /*Add a button to the current screen*/
+lv_obj_center(btn); /*Set its position*/
+lv_obj_set_size(btn, 100, 50); /*Set its size*/
+lv_obj_add_event(btn, btn_event_cb, LV_EVENT_CLICKED, NULL); /*Assign a callback to the button*/
-lv_obj_t * label = lv_label_create(btn); /*Add a label to the button*/
-lv_label_set_text(label, "Button"); /*Set the labels text*/
-lv_obj_center(label); /*Align the label to the center*/
+lv_obj_t * label = lv_label_create(btn); /*Add a label to the button*/
+lv_label_set_text(label, "Button"); /*Set the labels text*/
+lv_obj_center(label); /*Align the label to the center*/
...
void btn_event_cb(lv_event_t * e)
@@ -170,15 +183,24 @@ void btn_event_cb(lv_event_t * e)
printf("Clicked\n");
}
```
-### MicroPython
-更多信息请到 [MicroPython官网](https://docs.lvgl.io/master/get-started/bindings/micropython.html) 查询.
+
+
+
+
+### Micropython
+
+更多信息请到 [Micropython官网](https://docs.lvgl.io/master/get-started/bindings/micropython.html) 查询.
+
+
+ MicroPython code | Online Simulator :gb:
+
```python
def btn_event_cb(e):
print("Clicked")
# Create a Button and a Label
btn = lv.btn(lv.screen_active())
-btn.set_pos(10, 10)
+btn.center()
btn.set_size(100, 50)
btn.add_event(btn_event_cb, lv.EVENT.CLICKED, None)
@@ -187,22 +209,256 @@ label.set_text("Button")
label.center()
```
-## 服务
-LVGL 责任有限公司成立的目的是为了给用户使用LVGL图形库提供额外的技术支持,我们致力于提供以下服务:
+
+
-- 图形设计
-- UI设计
-- 技术咨询以及技术支持
+
+### Checkboxes with Layout 带布局的复选框
+
+
+
+ C code
+
+```c
+
+lv_obj_set_flex_flow(lv_screen_active(), LV_FLEX_FLOW_COLUMN);
+lv_obj_set_flex_align(lv_screen_active(), LV_FLEX_ALIGN_CENTER, LV_FLEX_ALIGN_START, LV_FLEX_ALIGN_CENTER);
+
+lv_obj_t * cb;
+cb = lv_checkbox_create(lv_screen_active());
+lv_checkbox_set_text(cb, "Apple");
+lv_obj_add_event(cb, event_handler, LV_EVENT_ALL, NULL);
+
+cb = lv_checkbox_create(lv_screen_active());
+lv_checkbox_set_text(cb, "Banana");
+lv_obj_add_state(cb, LV_STATE_CHECKED);
+lv_obj_add_event(cb, event_handler, LV_EVENT_ALL, NULL);
+
+cb = lv_checkbox_create(lv_screen_active());
+lv_checkbox_set_text(cb, "Lemon");
+lv_obj_add_state(cb, LV_STATE_DISABLED);
+lv_obj_add_event(cb, event_handler, LV_EVENT_ALL, NULL);
+
+cb = lv_checkbox_create(lv_screen_active());
+lv_obj_add_state(cb, LV_STATE_CHECKED | LV_STATE_DISABLED);
+lv_checkbox_set_text(cb, "Melon\nand a new line");
+lv_obj_add_event(cb, event_handler, LV_EVENT_ALL, NULL);
+```
+
+
+
+
+
+ MicroPython code | Online Simulator :gb:
+
+```python
+def event_handler(e):
+ code = e.get_code()
+ obj = e.get_target_obj()
+ if code == lv.EVENT.VALUE_CHANGED:
+ txt = obj.get_text()
+ if obj.get_state() & lv.STATE.CHECKED:
+ state = "Checked"
+ else:
+ state = "Unchecked"
+ print(txt + ":" + state)
+
+
+lv.scr_act().set_flex_flow(lv.FLEX_FLOW.COLUMN)
+lv.scr_act().set_flex_align(lv.FLEX_ALIGN.CENTER, lv.FLEX_ALIGN.START, lv.FLEX_ALIGN.CENTER)
+
+cb = lv.checkbox(lv.screen_active())
+cb.set_text("Apple")
+cb.add_event(event_handler, lv.EVENT.ALL, None)
+
+cb = lv.checkbox(lv.screen_active())
+cb.set_text("Banana")
+cb.add_state(lv.STATE.CHECKED)
+cb.add_event(event_handler, lv.EVENT.ALL, None)
+
+cb = lv.checkbox(lv.screen_active())
+cb.set_text("Lemon")
+cb.add_state(lv.STATE.DISABLED)
+cb.add_event(event_handler, lv.EVENT.ALL, None)
+
+cb = lv.checkbox(lv.screen_active())
+cb.add_state(lv.STATE.CHECKED | lv.STATE.DISABLED)
+cb.set_text("Melon")
+cb.add_event(event_handler, lv.EVENT.ALL, None)
+```
+
+
+
+
+### Styling a Slider 设置滑块的样式
+
+
+
+
+ C code
+
+```c
+lv_obj_t * slider = lv_slider_create(lv_screen_active());
+lv_slider_set_value(slider, 70, LV_ANIM_OFF);
+lv_obj_set_size(slider, 300, 20);
+lv_obj_center(slider);
+
+/*Add local styles to MAIN part (background rectangle)*/
+lv_obj_set_style_bg_color(slider, lv_color_hex(0x0F1215), LV_PART_MAIN);
+lv_obj_set_style_bg_opa(slider, 255, LV_PART_MAIN);
+lv_obj_set_style_border_color(slider, lv_color_hex(0x333943), LV_PART_MAIN);
+lv_obj_set_style_border_width(slider, 5, LV_PART_MAIN);
+lv_obj_set_style_pad_all(slider, 5, LV_PART_MAIN);
+
+/*Create a reusable style sheet for the INDICATOR part*/
+static lv_style_t style_indicator;
+lv_style_init(&style_indicator);
+lv_style_set_bg_color(&style_indicator, lv_color_hex(0x37B9F5));
+lv_style_set_bg_grad_color(&style_indicator, lv_color_hex(0x1464F0));
+lv_style_set_bg_grad_dir(&style_indicator, LV_GRAD_DIR_HOR);
+lv_style_set_shadow_color(&style_indicator, lv_color_hex(0x37B9F5));
+lv_style_set_shadow_width(&style_indicator, 15);
+lv_style_set_shadow_spread(&style_indicator, 5);
+
+/*Add the style sheet to the slider's INDICATOR part*/
+lv_obj_add_style(slider, &style_indicator, LV_PART_INDICATOR);
+
+/*Add the same style to the KNOB part too and locally overwrite some properties*/
+lv_obj_add_style(slider, &style_indicator, LV_PART_KNOB);
+
+lv_obj_set_style_outline_color(slider, lv_color_hex(0x0096FF), LV_PART_KNOB);
+lv_obj_set_style_outline_width(slider, 3, LV_PART_KNOB);
+lv_obj_set_style_outline_pad(slider, -5, LV_PART_KNOB);
+lv_obj_set_style_shadow_spread(slider, 2, LV_PART_KNOB);
+```
+
+
+
+
+ MicroPython code |
+Online Simulator :gb:
+
+
+
+```python
+# Create a slider and add the style
+slider = lv.slider(lv.screen_active())
+slider.set_value(70, lv.ANIM.OFF)
+slider.set_size(300, 20)
+slider.center()
+
+# Add local styles to MAIN part (background rectangle)
+slider.set_style_bg_color(lv.color_hex(0x0F1215), lv.PART.MAIN)
+slider.set_style_bg_opa(255, lv.PART.MAIN)
+slider.set_style_border_color(lv.color_hex(0x333943), lv.PART.MAIN)
+slider.set_style_border_width(5, lv.PART.MAIN)
+slider.set_style_pad_all(5, lv.PART.MAIN)
+
+# Create a reusable style sheet for the INDICATOR part
+style_indicator = lv.style_t()
+style_indicator.init()
+style_indicator.set_bg_color(lv.color_hex(0x37B9F5))
+style_indicator.set_bg_grad_color(lv.color_hex(0x1464F0))
+style_indicator.set_bg_grad_dir(lv.GRAD_DIR.HOR)
+style_indicator.set_shadow_color(lv.color_hex(0x37B9F5))
+style_indicator.set_shadow_width(15)
+style_indicator.set_shadow_spread(5)
+
+# Add the style sheet to the slider's INDICATOR part
+slider.add_style(style_indicator, lv.PART.INDICATOR)
+slider.add_style(style_indicator, lv.PART.KNOB)
+
+# Add the same style to the KNOB part too and locally overwrite some properties
+slider.set_style_outline_color(lv.color_hex(0x0096FF), lv.PART.KNOB)
+slider.set_style_outline_width(3, lv.PART.KNOB)
+slider.set_style_outline_pad(-5, lv.PART.KNOB)
+slider.set_style_shadow_spread(2, lv.PART.KNOB)
+```
+
+
+
+
+### English, Hebrew (mixed LRT-RTL) and Chinese texts 英语、希伯来语( 双向文本排版 )和中文
+
+
+
+
+ C code
+
+```c
+lv_obj_t * ltr_label = lv_label_create(lv_screen_active());
+lv_label_set_text(ltr_label, "In modern terminology, a microcontroller is similar to a system on a chip (SoC).");
+lv_obj_set_style_text_font(ltr_label, &lv_font_montserrat_16, 0);
+lv_obj_set_width(ltr_label, 310);
+lv_obj_align(ltr_label, LV_ALIGN_TOP_LEFT, 5, 5);
+
+lv_obj_t * rtl_label = lv_label_create(lv_screen_active());
+lv_label_set_text(rtl_label,"מעבד, או בשמו המלא יחידת עיבוד מרכזית (באנגלית: CPU - Central Processing Unit).");
+lv_obj_set_style_base_dir(rtl_label, LV_BASE_DIR_RTL, 0);
+lv_obj_set_style_text_font(rtl_label, &lv_font_dejavu_16_persian_hebrew, 0);
+lv_obj_set_width(rtl_label, 310);
+lv_obj_align(rtl_label, LV_ALIGN_LEFT_MID, 5, 0);
+
+lv_obj_t * cz_label = lv_label_create(lv_screen_active());
+lv_label_set_text(cz_label,
+ "嵌入式系统(Embedded System),\n是一种嵌入机械或电气系统内部、具有专一功能和实时计算性能的计算机系统。");
+lv_obj_set_style_text_font(cz_label, &lv_font_simsun_16_cjk, 0);
+lv_obj_set_width(cz_label, 310);
+lv_obj_align(cz_label, LV_ALIGN_BOTTOM_LEFT, 5, -5);
+```
+
+
+
+
+ MicroPython code | Online Simulator :gb:
+
+```python
+ltr_label = lv.label(lv.screen_active())
+ltr_label.set_text("In modern terminology, a microcontroller is similar to a system on a chip (SoC).")
+ltr_label.set_style_text_font(lv.font_montserrat_16, 0);
+
+ltr_label.set_width(310)
+ltr_label.align(lv.ALIGN.TOP_LEFT, 5, 5)
+
+rtl_label = lv.label(lv.screen_active())
+rtl_label.set_text("מעבד, או בשמו המלא יחידת עיבוד מרכזית (באנגלית: CPU - Central Processing Unit).")
+rtl_label.set_style_base_dir(lv.BASE_DIR.RTL, 0)
+rtl_label.set_style_text_font(lv.font_dejavu_16_persian_hebrew, 0)
+rtl_label.set_width(310)
+rtl_label.align(lv.ALIGN.LEFT_MID, 5, 0)
+
+font_simsun_16_cjk = lv.font_load("S:../../assets/font/lv_font_simsun_16_cjk.fnt")
+
+cz_label = lv.label(lv.screen_active())
+cz_label.set_style_text_font(font_simsun_16_cjk, 0)
+cz_label.set_text("嵌入式系统(Embedded System),\n是一种嵌入机械或电气系统内部、具有专一功能和实时计算性能的计算机系统。")
+cz_label.set_width(310)
+cz_label.align(lv.ALIGN.BOTTOM_LEFT, 5, -5)
+
+```
+
+
+
+
+## :handshake: 服务
+
+LVGL
+责任有限公司成立的目的是为了给用户使用LVGL图形库提供额外的技术支持,我们致力于提供以下服务:
+
+- 图形设计
+- UI设计
+- 技术咨询以及技术支持
更多信息请参见 https://lvgl.io/services ,如果有任何问题请随时联系我们。
-## 如何向社区贡献
+## :star: 如何向社区贡献
+
LVGL是一个开源项目,非常欢迎您参与到社区贡献当中。您有很多种方式来为提高LVGL贡献您的一份力量,包括但不限于:
-- 介绍你基于LVGL设计的作品或项目
-- 写一些例程
-- 修改以及完善文档
-- 修复bug
+- 介绍你基于LVGL设计的作品或项目
+- 写一些例程
+- 修改以及完善文档
+- 修复bug
-请参见文档[如何向社区贡献](https://docs.lvgl.io/master/CONTRIBUTING.html)章节来获取更多信息。
+请参见文档[如何向社区贡献](https://docs.lvgl.io/master/contributing/index.html)章节来获取更多信息。
diff --git a/docs/src/conf.py b/docs/src/conf.py
index 4062c2e0f5..5f70e0efbe 100755
--- a/docs/src/conf.py
+++ b/docs/src/conf.py
@@ -308,7 +308,12 @@ repo_commit_hash = _git_commit_ref
# The below generates .HTML page redirects for pages that have been moved.
# Browsers are redirected via ``.
redirects = {
+ "CONTRIBUTING": "contributing/index.html" ,
"get-started/index": "../intro/getting_started.html" ,
+ "get-started/os/nuttx": "../../details/integration/os/nuttx.html" ,
+ "get-started/platforms/arduino": "../../details/integration/framework/arduino.html" ,
+ "get-started/platforms/espressif": "../../details/integration/chip/espressif.html" ,
+ "get-started/platforms/pc-simulator": "../../details/integration/ide/pc-simulator.html" ,
"get-started/quick-overview": "../intro/getting_started.html" ,
"integration/bindings/api_json": "../../details/integration/bindings/api_json.html" ,
"integration/bindings/cpp": "../../details/integration/bindings/cpp.html" ,
@@ -429,15 +434,15 @@ redirects = {
"overview/style": "../details/common-widget-features/styles/styles.html" ,
"overview/style-props": "../details/common-widget-features/styles/style-properties.html" ,
"overview/timer": "../details/main-modules/timer.html" ,
- "porting/display": "../details/main-modules/display.html" ,
+ "porting/display": "../details/main-modules/display/index.html" ,
"porting/draw": "../details/main-modules/draw.html" ,
"porting/indev": "../details/main-modules/indev.html" ,
- "porting/index": "../intro/add-lvgl-to-your-project/index.html" ,
- "porting/os": "../intro/add-lvgl-to-your-project/threading.html" ,
- "porting/project": "../intro/add-lvgl-to-your-project/connecting_lvgl.html" ,
- "porting/sleep": "../intro/add-lvgl-to-your-project/threading.html" ,
- "porting/tick": "../intro/add-lvgl-to-your-project/connecting_lvgl.html" ,
- "porting/timer_handler": "../intro/add-lvgl-to-your-project/timer_handler.html" ,
+ "porting/index": "../details/integration/adding-lvgl-to-your-project/index.html" ,
+ "porting/os": "../details/integration/adding-lvgl-to-your-project/threading.html",
+ "porting/project": "../details/integration/adding-lvgl-to-your-project/connecting_lvgl.html",
+ "porting/sleep": "../details/integration/adding-lvgl-to-your-project/threading.html",
+ "porting/tick": "../details/integration/adding-lvgl-to-your-project/connecting_lvgl.html",
+ "porting/timer_handler": "../details/integration/adding-lvgl-to-your-project/timer_handler.html",
"widgets/animimg": "../details/widgets/animimg.html" ,
"widgets/arc": "../details/widgets/arc.html" ,
"widgets/bar": "../details/widgets/bar.html" ,