「App:Library:LVGL:docs:Examples」の版間の差分
提供: robot-jp wiki
ナビゲーションに移動検索に移動3行目: | 3行目: | ||
== Get started == | == Get started == | ||
− | {| class="wikitable" | + | :{| class="wikitable" |
! | ! | ||
!英文 | !英文 | ||
28行目: | 28行目: | ||
== Styles == | == Styles == | ||
− | {| class="wikitable" | + | :{| class="wikitable" |
! | ! | ||
!英文 | !英文 | ||
101行目: | 101行目: | ||
== Animations == | == Animations == | ||
− | {| class="wikitable" | + | :{| class="wikitable" |
! | ! | ||
!英文 | !英文 | ||
123行目: | 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 == | == Events == | ||
− | {| class="wikitable" | + | :{| class="wikitable" |
! | ! | ||
!英文 | !英文 | ||
147行目: | 148行目: | ||
== Layouts == | == Layouts == | ||
− | {| class="wikitable" | + | :{| class="wikitable" |
! | ! | ||
!英文 | !英文 | ||
184行目: | 185行目: | ||
|} | |} | ||
− | == Grid == | + | === Grid === |
− | {| class="wikitable" | + | :{| class="wikitable" |
! | ! | ||
!英文 | !英文 | ||
223行目: | 224行目: | ||
== Scrolling == | == Scrolling == | ||
− | {| class="wikitable" | + | :{| class="wikitable" |
! | ! | ||
!英文 | !英文 | ||
262行目: | 263行目: | ||
== Widgets == | == Widgets == | ||
=== Base object === | === Base object === | ||
− | {| class="wikitable" | + | :{| class="wikitable" |
! | ! | ||
!英文 | !英文 | ||
295行目: | 296行目: | ||
|[[file:LVGL docs example 045.png|link=https://docs.lvgl.io/8.2/examples.html#loader-with-arc]] | |[[file:LVGL docs example 045.png|link=https://docs.lvgl.io/8.2/examples.html#loader-with-arc]] | ||
|} | |} | ||
+ | |||
=== Bar === | === Bar === | ||
− | {| class="wikitable" | + | :{| class="wikitable" |
! | ! | ||
!英文 | !英文 | ||
332行目: | 334行目: | ||
|[[file:LVGL docs example 051.png|link=https://docs.lvgl.io/8.2/examples.html#custom-drawer-to-show-the-current-value]] | |[[file:LVGL docs example 051.png|link=https://docs.lvgl.io/8.2/examples.html#custom-drawer-to-show-the-current-value]] | ||
|} | |} | ||
+ | |||
=== Button === | === Button === | ||
− | {| class="wikitable" | + | :{| class="wikitable" |
! | ! | ||
!英文 | !英文 | ||
354行目: | 357行目: | ||
|[[file:LVGL docs example 054.png|link=https://docs.lvgl.io/8.2/examples.html#gummy-button]] | |[[file:LVGL docs example 054.png|link=https://docs.lvgl.io/8.2/examples.html#gummy-button]] | ||
|} | |} | ||
+ | |||
=== Button matrix === | === Button matrix === | ||
− | {| class="wikitable" | + | :{| class="wikitable" |
! | ! | ||
!英文 | !英文 | ||
376行目: | 380行目: | ||
|[[file:LVGL docs example 057.png|link=https://docs.lvgl.io/8.2/examples.html#pagination]] | |[[file:LVGL docs example 057.png|link=https://docs.lvgl.io/8.2/examples.html#pagination]] | ||
|} | |} | ||
+ | |||
=== Calendar === | === Calendar === | ||
− | {| class="wikitable" | + | :{| class="wikitable" |
! | ! | ||
!英文 | !英文 | ||
388行目: | 393行目: | ||
|[[file:LVGL docs example 058.png|link=https://docs.lvgl.io/8.2/examples.html#calendar-with-header]] | |[[file:LVGL docs example 058.png|link=https://docs.lvgl.io/8.2/examples.html#calendar-with-header]] | ||
|} | |} | ||
+ | |||
=== Canvas === | === Canvas === | ||
− | {| class="wikitable" | + | :{| class="wikitable" |
! | ! | ||
!英文 | !英文 | ||
405行目: | 411行目: | ||
|[[file:LVGL docs example 060.png|link=https://docs.lvgl.io/8.2/examples.html#transparent-canvas-with-chroma-keying]] | |[[file:LVGL docs example 060.png|link=https://docs.lvgl.io/8.2/examples.html#transparent-canvas-with-chroma-keying]] | ||
|} | |} | ||
+ | |||
=== Chart === | === Chart === | ||
− | {| class="wikitable" | + | :{| class="wikitable" |
! | ! | ||
!英文 | !英文 | ||
452行目: | 459行目: | ||
|[[file:LVGL docs example 068.png|link=https://docs.lvgl.io/8.2/examples.html#stacked-area-chart]] | |[[file:LVGL docs example 068.png|link=https://docs.lvgl.io/8.2/examples.html#stacked-area-chart]] | ||
|} | |} | ||
+ | |||
=== Checkbox === | === Checkbox === | ||
− | {| class="wikitable" | + | :{| class="wikitable" |
! | ! | ||
!英文 | !英文 | ||
469行目: | 477行目: | ||
|[[file:LVGL docs example 070.png|link=https://docs.lvgl.io/8.2/examples.html#checkboxes-as-radio-buttons]] | |[[file:LVGL docs example 070.png|link=https://docs.lvgl.io/8.2/examples.html#checkboxes-as-radio-buttons]] | ||
|} | |} | ||
+ | |||
=== Colorwheel === | === Colorwheel === | ||
− | {| class="wikitable" | + | :{| class="wikitable" |
! | ! | ||
!英文 | !英文 | ||
481行目: | 490行目: | ||
|[[file:LVGL docs example 071.png|link=https://docs.lvgl.io/8.2/examples.html#simple-colorwheel]] | |[[file:LVGL docs example 071.png|link=https://docs.lvgl.io/8.2/examples.html#simple-colorwheel]] | ||
|} | |} | ||
+ | |||
=== Dropdown === | === Dropdown === | ||
− | {| class="wikitable" | + | :{| class="wikitable" |
! | ! | ||
!英文 | !英文 | ||
523行目: | 533行目: | ||
|[[file:LVGL docs example 078.png|link=https://docs.lvgl.io/8.2/examples.html#image-offset-and-styling]] | |[[file:LVGL docs example 078.png|link=https://docs.lvgl.io/8.2/examples.html#image-offset-and-styling]] | ||
|} | |} | ||
+ | |||
=== Image button === | === Image button === | ||
− | {| class="wikitable" | + | :{| class="wikitable" |
! | ! | ||
!英文 | !英文 | ||
535行目: | 546行目: | ||
|[[file:LVGL docs example 079.png|link=https://docs.lvgl.io/8.2/examples.html#simple-image-button]] | |[[file:LVGL docs example 079.png|link=https://docs.lvgl.io/8.2/examples.html#simple-image-button]] | ||
|} | |} | ||
+ | |||
=== Keyboard === | === Keyboard === | ||
− | {| class="wikitable" | + | :{| class="wikitable" |
! | ! | ||
!英文 | !英文 | ||
547行目: | 559行目: | ||
|[[file:LVGL docs example 080.png|link=https://docs.lvgl.io/8.2/examples.html#keyboard-with-text-area]] | |[[file:LVGL docs example 080.png|link=https://docs.lvgl.io/8.2/examples.html#keyboard-with-text-area]] | ||
|} | |} | ||
+ | |||
=== Label === | === Label === | ||
− | {| class="wikitable" | + | :{| class="wikitable" |
! | ! | ||
!英文 | !英文 | ||
574行目: | 587行目: | ||
|[[file:LVGL docs example 084.png|link=https://docs.lvgl.io/8.2/examples.html#draw-label-with-gradient-color]] | |[[file:LVGL docs example 084.png|link=https://docs.lvgl.io/8.2/examples.html#draw-label-with-gradient-color]] | ||
|} | |} | ||
+ | |||
=== LED === | === LED === | ||
− | {| class="wikitable" | + | :{| class="wikitable" |
! | ! | ||
!英文 | !英文 | ||
586行目: | 600行目: | ||
|[[file:LVGL docs example 085.png|link=https://docs.lvgl.io/8.2/examples.html#led-with-custom-style]] | |[[file:LVGL docs example 085.png|link=https://docs.lvgl.io/8.2/examples.html#led-with-custom-style]] | ||
|} | |} | ||
+ | |||
=== Line === | === Line === | ||
− | {| class="wikitable" | + | :{| class="wikitable" |
! | ! | ||
!英文 | !英文 | ||
598行目: | 613行目: | ||
|[[file:LVGL docs example 086.png|link=https://docs.lvgl.io/8.2/examples.html#simple-line]] | |[[file:LVGL docs example 086.png|link=https://docs.lvgl.io/8.2/examples.html#simple-line]] | ||
|} | |} | ||
+ | |||
=== List === | === List === | ||
− | {| class="wikitable" | + | :{| class="wikitable" |
! | ! | ||
!英文 | !英文 | ||
615行目: | 631行目: | ||
|[[file:LVGL docs example 088.png|link=https://docs.lvgl.io/8.2/examples.html#sorting-a-list-using-up-and-down-buttons]] | |[[file:LVGL docs example 088.png|link=https://docs.lvgl.io/8.2/examples.html#sorting-a-list-using-up-and-down-buttons]] | ||
|} | |} | ||
+ | |||
=== Menu === | === Menu === | ||
− | {| class="wikitable" | + | :{| class="wikitable" |
! | ! | ||
!英文 | !英文 | ||
667行目: | 684行目: | ||
|[[file:LVGL docs example 097.png|link=https://docs.lvgl.io/8.2/examples.html#pie-chart]] | |[[file:LVGL docs example 097.png|link=https://docs.lvgl.io/8.2/examples.html#pie-chart]] | ||
|} | |} | ||
+ | |||
=== Messqage box === | === Messqage box === | ||
− | {| class="wikitable" | + | :{| class="wikitable" |
! | ! | ||
!英文 | !英文 | ||
679行目: | 697行目: | ||
|[[file:LVGL docs example 098.png|link=https://docs.lvgl.io/8.2/examples.html#simple-message-box]] | |[[file:LVGL docs example 098.png|link=https://docs.lvgl.io/8.2/examples.html#simple-message-box]] | ||
|} | |} | ||
+ | |||
=== Roller === | === Roller === | ||
− | {| class="wikitable" | + | :{| class="wikitable" |
! | ! | ||
!英文 | !英文 | ||
701行目: | 720行目: | ||
|[[file:LVGL docs example 101.png|link=https://docs.lvgl.io/8.2/examples.html#add-fade-mask-to-roller]] | |[[file:LVGL docs example 101.png|link=https://docs.lvgl.io/8.2/examples.html#add-fade-mask-to-roller]] | ||
|} | |} | ||
+ | |||
=== Slider === | === Slider === | ||
− | {| class="wikitable" | + | :{| class="wikitable" |
! | ! | ||
!英文 | !英文 | ||
723行目: | 743行目: | ||
|[[file:LVGL docs example 104.png|link=https://docs.lvgl.io/8.2/examples.html#slider-with-extended-drawer]] | |[[file:LVGL docs example 104.png|link=https://docs.lvgl.io/8.2/examples.html#slider-with-extended-drawer]] | ||
|} | |} | ||
+ | |||
=== Span === | === Span === | ||
− | {| class="wikitable" | + | :{| class="wikitable" |
! | ! | ||
!英文 | !英文 | ||
735行目: | 756行目: | ||
|[[file:LVGL docs example 105.png|link=https://docs.lvgl.io/8.2/examples.html#span-with-custom-styles]] | |[[file:LVGL docs example 105.png|link=https://docs.lvgl.io/8.2/examples.html#span-with-custom-styles]] | ||
|} | |} | ||
+ | |||
=== Spinbox === | === Spinbox === | ||
− | {| class="wikitable" | + | :{| class="wikitable" |
! | ! | ||
!英文 | !英文 | ||
747行目: | 769行目: | ||
|[[file:LVGL docs example 106.png|link=https://docs.lvgl.io/8.2/examples.html#simple-spinbox]] | |[[file:LVGL docs example 106.png|link=https://docs.lvgl.io/8.2/examples.html#simple-spinbox]] | ||
|} | |} | ||
+ | |||
=== Spinner === | === Spinner === | ||
− | {| class="wikitable" | + | :{| class="wikitable" |
! | ! | ||
!英文 | !英文 | ||
759行目: | 782行目: | ||
|[[file:LVGL docs example 107.png|link=https://docs.lvgl.io/8.2/examples.html#simple-spinner]] | |[[file:LVGL docs example 107.png|link=https://docs.lvgl.io/8.2/examples.html#simple-spinner]] | ||
|} | |} | ||
+ | |||
=== Switch === | === Switch === | ||
− | {| class="wikitable" | + | :{| class="wikitable" |
! | ! | ||
!英文 | !英文 | ||
771行目: | 795行目: | ||
|[[file:LVGL docs example 108.png|link=https://docs.lvgl.io/8.2/examples.html#simple-switch]] | |[[file:LVGL docs example 108.png|link=https://docs.lvgl.io/8.2/examples.html#simple-switch]] | ||
|} | |} | ||
+ | |||
=== Table === | === Table === | ||
− | {| class="wikitable" | + | :{| class="wikitable" |
! | ! | ||
!英文 | !英文 | ||
788行目: | 813行目: | ||
|[[file:LVGL docs example 110.png|link=https://docs.lvgl.io/8.2/examples.html#lightweighted-list-from-table]] | |[[file:LVGL docs example 110.png|link=https://docs.lvgl.io/8.2/examples.html#lightweighted-list-from-table]] | ||
|} | |} | ||
+ | |||
=== Tabview === | === Tabview === | ||
− | {| class="wikitable" | + | :{| class="wikitable" |
! | ! | ||
!英文 | !英文 | ||
820行目: | 846行目: | ||
|[[file:LVGL docs example 115.png|link=https://docs.lvgl.io/8.2/examples.html#text-auto-formatting]] | |[[file:LVGL docs example 115.png|link=https://docs.lvgl.io/8.2/examples.html#text-auto-formatting]] | ||
|} | |} | ||
+ | |||
=== Tabview === | === Tabview === | ||
− | {| class="wikitable" | + | :{| class="wikitable" |
! | ! | ||
!英文 | !英文 | ||
832行目: | 859行目: | ||
|[[file:LVGL docs example 116.png|link=https://docs.lvgl.io/8.2/examples.html#tileview-with-content]] | |[[file:LVGL docs example 116.png|link=https://docs.lvgl.io/8.2/examples.html#tileview-with-content]] | ||
|} | |} | ||
+ | |||
=== Window === | === Window === | ||
− | {| class="wikitable" | + | :{| class="wikitable" |
! | ! | ||
!英文 | !英文 |
2022年6月16日 (木) 13:43時点における版
https://docs.lvgl.io/8.2/examples.html
Get started
Styles
Animations
Events
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
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
Button matrix
Calendar
Canvas
Chart
Checkbox
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
Keyboard
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
Line
List
Menu
Messqage box
Roller
Slider
Span
Spinbox
Spinner
Switch
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