App:Library:LVGL:docs:Examples

提供: robot-jp wiki
2022年6月16日 (木) 12:21時点におけるTakashi (トーク | 投稿記録)による版
ナビゲーションに移動検索に移動

https://docs.lvgl.io/8.2/examples.html


Get started

英文 自動翻訳 Link
001 A button with a label and react on click event ラベルが付いたボタン

クリックイベントに反応します

LVGL docs example 001.png
002 Create styles from scratch for buttons ボタンのスタイルを最初から作成する LVGL docs example 002.png
003 Create a slider and write its value on a label LVGL docs example 003.png

Styles

英文 自動翻訳 Link
004 Size styles LVGL docs example 004.png
005 Background styles LVGL docs example 005.png
006 Border styles LVGL docs example 006.png
007 Outline styles LVGL docs example 007.png
008 Shadow styles LVGL docs example 008.png
009 Image styles LVGL docs example 009.png
010 Text styles LVGL docs example 010.png
011 Line styles LVGL docs example 011.png
012 Transition LVGL docs example 012.png
013 Using multiple styles LVGL docs example 013.png
014 Local styles LVGL docs example 014.png
016 Add styles to parts and states LVGL docs example 016.png
017 Extending the current theme LVGL docs example 017.png

Animations

英文 自動翻訳 Link
018

Start animation on an event

LVGL docs example 018.png
019 Playback animation LVGL docs example 019.png
020 Animation timeline LVGL docs example 020.png
021

Events

Button click event

 LVGL docs example 021.png
022 Handle multiple events LVGL docs example 022.png
023 Event bubbling LVGL docs example 023.png
024

Layouts

Flex

 LVGL docs example 024.png
025 Arrange items in rows with wrap and even spacing LVGL docs example 025.png
026 Demonstrate flex grow LVGL docs example 026.png
027 Demonstrate flex grow. LVGL docs example 027.png
028 Demonstrate column and row gap style properties LVGL docs example 028.png
029 RTL base direction changes order of the items LVGL docs example 029.png
030

Grid

A simple grid

 LVGL docs example 030.png
031 Demonstrate cell placement and span LVGL docs example 031.png
032 Demonstrate grid's "free unit" LVGL docs example 032.png
033 Demonstrate track placement LVGL docs example 033.png
034 Demonstrate column and row gap LVGL docs example 034.png
035 Demonstrate RTL direction on grid LVGL docs example 035.png
036

Scrolling

Nested scrolling

 LVGL docs example 036.png
037 Snapping LVGL docs example 037.png
038 Floating button LVGL docs example 038.png
039 Styling the scrollbars LVGL docs example 039.png
040 Right to left scrolling LVGL docs example 040.png
0 ファイル:LVGL docs example 0.png
「https://robot-jp.com/wiki/index.php?title=App:Library:LVGL:docs:Examples&oldid=2630」から取得