「App:Library:LVGL:docs:Examples」の版間の差分

提供: robot-jp wiki
ナビゲーションに移動検索に移動
120行目: 120行目:
 
|
 
|
 
|[[file:LVGL docs example 020.png]]
 
|[[file:LVGL docs example 020.png]]
 +
|}
 +
=== Events ===
 +
{| class="wikitable"
 +
!
 +
!英文
 +
!自動翻訳
 +
!Link
 
|-
 
|-
 
|021
 
|021
−
|
+
|Button click event
−
 
 
−
== Events ==
 
−
 
 
−
=== Button click event ===
 
 
|
 
|
 
|[[file:LVGL docs example 021.png]]
 
|[[file:LVGL docs example 021.png]]
139行目: 142行目:
 
|
 
|
 
|[[file:LVGL docs example 023.png]]
 
|[[file:LVGL docs example 023.png]]
 +
|}
 +
=== Layouts ===
 +
{| class="wikitable"
 +
!
 +
!英文
 +
!自動翻訳
 +
!Link
 
|-
 
|-
 
|024
 
|024
−
|
+
|Flex
−
 
 
−
== Layouts ==
 
−
 
 
−
=== Flex ===
 
 
|
 
|
 
|[[file:LVGL docs example 024.png]]
 
|[[file:LVGL docs example 024.png]]
173行目: 179行目:
 
|
 
|
 
|[[file:LVGL docs example 029.png]]
 
|[[file:LVGL docs example 029.png]]
 +
|}
 +
=== Grid ===
 +
{| class="wikitable"
 +
!
 +
!英文
 +
!自動翻訳
 +
!Link
 
|-
 
|-
 
|030
 
|030
−
|
+
|A simple grid
−
 
 
−
=== Grid ===
 
−
 
 
−
==== A simple grid ====
 
 
|
 
|
 
|[[file:LVGL docs example 030.png]]
 
|[[file:LVGL docs example 030.png]]
207行目: 216行目:
 
|
 
|
 
|[[file:LVGL docs example 035.png]]
 
|[[file:LVGL docs example 035.png]]
 +
|}
 +
=== Scrolling ===
 +
{| class="wikitable"
 +
!
 +
!英文
 +
!自動翻訳
 +
!Link
 
|-
 
|-
 
|036
 
|036
−
|
+
|Nested scrolling
−
 
 
−
== Scrolling ==
 
−
 
 
−
=== Nested scrolling ===
 
 
|
 
|
 
|[[file:LVGL docs example 036.png]]
 
|[[file:LVGL docs example 036.png]]
237行目: 249行目:
 
|[[file:LVGL docs example 040.png]]
 
|[[file:LVGL docs example 040.png]]
 
|-
 
|-
−
|0
+
|041
 +
|
 +
|
 +
|[[file:LVGL docs example 041.png]]
 +
|-
 +
|042
 +
|
 +
|
 +
|[[file:LVGL docs example 042.png]]
 +
|-
 +
|043
 +
|
 +
|
 +
|[[file:LVGL docs example 043.png]]
 +
|-
 +
|044
 +
|
 +
|
 +
|[[file:LVGL docs example 044.png]]
 +
|-
 +
|045
 +
|
 +
|
 +
|[[file:LVGL docs example 045.png]]
 +
|-
 +
|046
 +
|
 +
|
 +
|[[file:LVGL docs example 046.png]]
 +
|-
 +
|047
 +
|
 +
|
 +
|[[file:LVGL docs example 047.png]]
 +
|-
 +
|048
 +
|
 +
|
 +
|[[file:LVGL docs example 048.png]]
 +
|-
 +
|049
 +
|
 +
|
 +
|[[file:LVGL docs example 049.png]]
 +
|-
 +
|051
 +
|
 +
|
 +
|[[file:LVGL docs example 051.png]]
 +
|-
 +
|052
 +
|
 +
|
 +
|[[file:LVGL docs example 052.png]]
 +
|-
 +
|053
 +
|
 +
|
 +
|[[file:LVGL docs example 053.png]]
 +
|-
 +
|054
 +
|
 +
|
 +
|[[file:LVGL docs example 045.png]]
 +
|-
 +
|055
 +
|
 +
|
 +
|[[file:LVGL docs example 055.png]]
 +
|-
 +
|056
 +
|
 +
|
 +
|[[file:LVGL docs example 056.png]]
 +
|-
 +
|057
 +
|
 +
|
 +
|[[file:LVGL docs example 057.png]]
 +
|-
 +
|058
 +
|
 +
|
 +
|[[file:LVGL docs example 058.png]]
 +
|-
 +
|059
 +
|
 +
|
 +
|[[file:LVGL docs example 059.png]]
 +
|-
 +
|060
 +
|
 +
|
 +
|[[file:LVGL docs example 060.png]]
 +
|-
 +
|061
 +
|
 +
|
 +
|[[file:LVGL docs example 061.png]]
 +
|-
 +
|062
 +
|
 +
|
 +
|[[file:LVGL docs example 062.png]]
 +
|-
 +
|063
 +
|
 +
|
 +
|[[file:LVGL docs example 063.png]]
 +
|-
 +
|064
 +
|
 +
|
 +
|[[file:LVGL docs example 064.png]]
 +
|-
 +
|065
 +
|
 +
|
 +
|[[file:LVGL docs example 065.png]]
 +
|-
 +
|066
 +
|
 +
|
 +
|[[file:LVGL docs example 066.png]]
 +
|-
 +
|067
 +
|
 +
|
 +
|[[file:LVGL docs example 067.png]]
 +
|-
 +
|068
 +
|
 +
|
 +
|[[file:LVGL docs example 068.png]]
 +
|-
 +
|069
 +
|
 +
|
 +
|[[file:LVGL docs example 069.png]]
 +
|-
 +
|071
 +
|
 +
|
 +
|[[file:LVGL docs example 071.png]]
 +
|-
 +
|072
 +
|
 +
|
 +
|[[file:LVGL docs example 072.png]]
 +
|-
 +
|073
 +
|
 +
|
 +
|[[file:LVGL docs example 073.png]]
 +
|-
 +
|074
 +
|
 +
|
 +
|[[file:LVGL docs example 074.png]]
 +
|-
 +
|075
 +
|
 +
|
 +
|[[file:LVGL docs example 075.png]]
 +
|-
 +
|076
 +
|
 +
|
 +
|[[file:LVGL docs example 076.png]]
 +
|-
 +
|077
 +
|
 +
|
 +
|[[file:LVGL docs example 077.png]]
 +
|-
 +
|078
 +
|
 +
|
 +
|[[file:LVGL docs example 078.png]]
 +
|-
 +
|079
 +
|
 +
|
 +
|[[file:LVGL docs example 079.png]]
 +
|-
 +
|081
 +
|
 +
|
 +
|[[file:LVGL docs example 081.png]]
 +
|-
 +
|082
 +
|
 +
|
 +
|[[file:LVGL docs example 082.png]]
 +
|-
 +
|083
 +
|
 +
|
 +
|[[file:LVGL docs example 083.png]]
 +
|-
 +
|084
 +
|
 +
|
 +
|[[file:LVGL docs example 084.png]]
 +
|-
 +
|085
 +
|
 +
|
 +
|[[file:LVGL docs example 085.png]]
 +
|-
 +
|086
 +
|
 +
|
 +
|[[file:LVGL docs example 086.png]]
 +
|-
 +
|087
 +
|
 +
|
 +
|[[file:LVGL docs example 087.png]]
 +
|-
 +
|088
 +
|
 +
|
 +
|[[file:LVGL docs example 088.png]]
 +
|-
 +
|089
 
|
 
|
 
|
 
|
−
|[[file:LVGL docs example 0.png|リンク=Special:FilePath/LVGL_docs_example_0.png]]
+
|[[file:LVGL docs example 089.png]]
 
|}
 
|}

2022年6月16日 (木) 12:30時点における版

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

Events

英文 自動翻訳 Link
021 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

Layouts

英文 自動翻訳 Link
024 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

Grid

英文 自動翻訳 Link
030 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

Scrolling

英文 自動翻訳 Link
036 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
041 LVGL docs example 041.png
042 LVGL docs example 042.png
043 LVGL docs example 043.png
044 LVGL docs example 044.png
045 LVGL docs example 045.png
046 LVGL docs example 046.png
047 LVGL docs example 047.png
048 LVGL docs example 048.png
049 LVGL docs example 049.png
051 LVGL docs example 051.png
052 LVGL docs example 052.png
053 LVGL docs example 053.png
054 LVGL docs example 045.png
055 LVGL docs example 055.png
056 LVGL docs example 056.png
057 LVGL docs example 057.png
058 LVGL docs example 058.png
059 LVGL docs example 059.png
060 LVGL docs example 060.png
061 LVGL docs example 061.png
062 LVGL docs example 062.png
063 LVGL docs example 063.png
064 LVGL docs example 064.png
065 LVGL docs example 065.png
066 LVGL docs example 066.png
067 LVGL docs example 067.png
068 LVGL docs example 068.png
069 LVGL docs example 069.png
071 LVGL docs example 071.png
072 LVGL docs example 072.png
073 LVGL docs example 073.png
074 LVGL docs example 074.png
075 LVGL docs example 075.png
076 LVGL docs example 076.png
077 LVGL docs example 077.png
078 LVGL docs example 078.png
079 LVGL docs example 079.png
081 LVGL docs example 081.png
082 LVGL docs example 082.png
083 LVGL docs example 083.png
084 LVGL docs example 084.png
085 LVGL docs example 085.png
086 LVGL docs example 086.png
087 LVGL docs example 087.png
088 LVGL docs example 088.png
089 LVGL docs example 089.png
「https://robot-jp.com/wiki/index.php?title=App:Library:LVGL:docs:Examples&oldid=2631」から取得