「App:Library:LVGL:docs:Examples」の版間の差分
提供: robot-jp wiki
ナビゲーションに移動検索に移動1行目: | 1行目: | ||
https://docs.lvgl.io/8.2/examples.html | https://docs.lvgl.io/8.2/examples.html | ||
− | + | ||
+ | == Get started == | ||
{| class="wikitable" | {| class="wikitable" | ||
! | ! | ||
25行目: | 26行目: | ||
|[[file:LVGL docs example 003.png|link=https://docs.lvgl.io/8.2/examples.html#create-a-slider-and-write-its-value-on-a-label]] | |[[file:LVGL docs example 003.png|link=https://docs.lvgl.io/8.2/examples.html#create-a-slider-and-write-its-value-on-a-label]] | ||
|} | |} | ||
− | + | ||
+ | == Styles == | ||
{| class="wikitable" | {| class="wikitable" | ||
! | ! | ||
97行目: | 99行目: | ||
|[[file:LVGL docs example 017.png|link=https://docs.lvgl.io/8.2/examples.html#extending-the-current-theme]] | |[[file:LVGL docs example 017.png|link=https://docs.lvgl.io/8.2/examples.html#extending-the-current-theme]] | ||
|} | |} | ||
− | + | ||
+ | == Animations == | ||
{| class="wikitable" | {| class="wikitable" | ||
! | ! | ||
120行目: | 123行目: | ||
|[[file:LVGL docs example 020.png|link=https://docs.lvgl.io/8.2/examples.html#animation-timeline]] | |[[file:LVGL docs example 020.png|link=https://docs.lvgl.io/8.2/examples.html#animation-timeline]] | ||
|} | |} | ||
− | + | == Events == | |
{| class="wikitable" | {| class="wikitable" | ||
! | ! | ||
142行目: | 145行目: | ||
|[[file:LVGL docs example 023.png|link=https://docs.lvgl.io/8.2/examples.html#event-bubbling]] | |[[file:LVGL docs example 023.png|link=https://docs.lvgl.io/8.2/examples.html#event-bubbling]] | ||
|} | |} | ||
− | + | ||
+ | == Layouts == | ||
{| class="wikitable" | {| class="wikitable" | ||
! | ! | ||
179行目: | 183行目: | ||
|[[file:LVGL docs example 029.png|link=https://docs.lvgl.io/8.2/examples.html#rtl-base-direction-changes-order-of-the-items]] | |[[file:LVGL docs example 029.png|link=https://docs.lvgl.io/8.2/examples.html#rtl-base-direction-changes-order-of-the-items]] | ||
|} | |} | ||
− | + | ||
+ | == Grid == | ||
{| class="wikitable" | {| class="wikitable" | ||
! | ! | ||
216行目: | 221行目: | ||
|[[file:LVGL docs example 035.png|link=https://docs.lvgl.io/8.2/examples.html#demonstrate-rtl-direction-on-grid]] | |[[file:LVGL docs example 035.png|link=https://docs.lvgl.io/8.2/examples.html#demonstrate-rtl-direction-on-grid]] | ||
|} | |} | ||
− | + | ||
+ | == Scrolling == | ||
{| class="wikitable" | {| class="wikitable" | ||
! | ! | ||
253行目: | 259行目: | ||
|[[file:LVGL docs example 041.png|link=https://docs.lvgl.io/8.2/examples.html#translate-on-scroll]] | |[[file:LVGL docs example 041.png|link=https://docs.lvgl.io/8.2/examples.html#translate-on-scroll]] | ||
|} | |} | ||
+ | |||
== Widgets == | == Widgets == | ||
=== Base object === | === Base object === |
2022年6月16日 (木) 13:38時点における版
https://docs.lvgl.io/8.2/examples.html
Get started
Styles
Animations
英文 | 自動翻訳 | Link | |
---|---|---|---|
018 |
Start animation on an event |
||
019 | Playback animation | ||
020 | Animation timeline |
Events
英文 | 自動翻訳 | Link | |
---|---|---|---|
021 | Button click event | ||
022 | Handle multiple events | ||
023 | Event bubbling |
Layouts
Grid
Scrolling
英文 | 自動翻訳 | Link | |
---|---|---|---|
036 | Nested scrolling | ||
037 | Snapping | ||
038 | Floating button | ||
039 | Styling the scrollbars | ||
040 | Right to left scrolling | ||
041 | Translate on scroll |
Widgets
Base object
英文 | 自動翻訳 | Link | |
---|---|---|---|
042 | Base objects with custom styles | ||
043 | Make an object draggable |
Arc
英文 | 自動翻訳 | Link | |
---|---|---|---|
044 | Simple Arc | ||
045 | Loader with Arc |
Bar
英文 | 自動翻訳 | Link | |
---|---|---|---|
046 | Simple Bar | ||
047 | Styling a bar | ||
048 | Temperature meter | ||
049 | Stripe pattern and range value | ||
050 | Bar with LTR and RTL base direction | ||
051 | Custom drawer to show the current value |
Button
英文 | 自動翻訳 | Link | |
---|---|---|---|
052 | Simple Buttons | ||
053 | Styling buttons | ||
054 | Gummy button |
Button matrix
英文 | 自動翻訳 | Link | |
---|---|---|---|
055 | Simple Button matrix | ||
056 | Custom buttons | ||
057 | Pagination |
Calendar
英文 | 自動翻訳 | Link | |
---|---|---|---|
058 | Calendar with header |
Canvas
英文 | 自動翻訳 | Link | |
---|---|---|---|
059 | Drawing on the Canvas and rotate | ||
060 | Transparent Canvas with chroma keying |
Chart
Checkbox
英文 | 自動翻訳 | Link | |
---|---|---|---|
069 | Simple Checkboxes | ||
070 | Checkboxes as radio buttons |
Colorwheel
英文 | 自動翻訳 | Link | |
---|---|---|---|
071 | Simple Colorwheel |
Dropdown
英文 | 自動翻訳 | Link | |
---|---|---|---|
072 | Simple Drop down list | ||
073 | Drop down in four directions | ||
074 | Menu | ||
075 | Image | ||
076 | Image recoloring | ||
077 | Rotate and zoom | ||
078 | Image offset and styling |
Image button
英文 | 自動翻訳 | Link | |
---|---|---|---|
079 | Simple Image button |
Keyboard
英文 | 自動翻訳 | Link | |
---|---|---|---|
080 | Keyboard with text area |
Label
英文 | 自動翻訳 | Link | |
---|---|---|---|
081 | Line wrap, recoloring and scrolling | ||
082 | Text shadow | ||
083 | Show LTR, RTL and Chinese texts | ||
084 | Draw label with gradient color |
LED
英文 | 自動翻訳 | Link | |
---|---|---|---|
085 | LED with custom style |
Line
英文 | 自動翻訳 | Link | |
---|---|---|---|
086 | Simple Line |
List
英文 | 自動翻訳 | Link | |
---|---|---|---|
087 | Simple List | ||
088 | Sorting a List using up and down buttons |
Menu
Messqage box
英文 | 自動翻訳 | Link | |
---|---|---|---|
098 | Simple Message box |
Roller
英文 | 自動翻訳 | Link | |
---|---|---|---|
099 | Simple Roller | ||
100 | Styling the roller | ||
101 | add fade mask to roller |
Slider
英文 | 自動翻訳 | Link | |
---|---|---|---|
102 | Simple Slider | ||
103 | Slider with custom style | ||
104 | Slider with extended drawer |
Span
英文 | 自動翻訳 | Link | |
---|---|---|---|
105 | Span with custom styles |
Spinbox
英文 | 自動翻訳 | Link | |
---|---|---|---|
106 | Simple Spinbox |
Spinner
英文 | 自動翻訳 | Link | |
---|---|---|---|
107 | Simple spinner |
Switch
英文 | 自動翻訳 | Link | |
---|---|---|---|
108 | Simple Switch |
Table
英文 | 自動翻訳 | Link | |
---|---|---|---|
109 | Simple table | ||
110 | Lightweighted list from table |
Tabview
英文 | 自動翻訳 | Link | |
---|---|---|---|
111 | Simple Tabview | ||
112 | Tabs on the left, styling and no scrolling | ||
113 | Simple Text area | ||
114 | Text area with password field | ||
115 | Text auto-formatting |
Tabview
英文 | 自動翻訳 | Link | |
---|---|---|---|
116 | Tileview with content |
Window
英文 | 自動翻訳 | Link | |
---|---|---|---|
117 | Simple window |