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

提供: robot-jp wiki
ナビゲーションに移動検索に移動
250行目: 250行目:
 
|-
 
|-
 
|041
 
|041
−
|
+
|Translate on scroll
 
|
 
|
 
|[[file:LVGL docs example 041.png]]
 
|[[file:LVGL docs example 041.png]]
256行目: 256行目:
 
|042
 
|042
 
|
 
|
 +
 +
== Widgets ==
 +
 +
=== Base object ===
 +
 +
==== Base objects with custom styles ====
 
|
 
|
 
|[[file:LVGL docs example 042.png]]
 
|[[file:LVGL docs example 042.png]]
 
|-
 
|-
 
|043
 
|043
−
|
+
|Make an object draggable
 
|
 
|
 
|[[file:LVGL docs example 043.png]]
 
|[[file:LVGL docs example 043.png]]
266行目: 272行目:
 
|044
 
|044
 
|
 
|
 +
 +
=== Arc ===
 +
 +
==== Simple Arc ====
 
|
 
|
 
|[[file:LVGL docs example 044.png]]
 
|[[file:LVGL docs example 044.png]]
 
|-
 
|-
 
|045
 
|045
−
|
+
|Loader with Arc
 
|
 
|
 
|[[file:LVGL docs example 045.png]]
 
|[[file:LVGL docs example 045.png]]
276行目: 286行目:
 
|046
 
|046
 
|
 
|
 +
 +
=== Bar ===
 +
 +
==== Simple Bar ====
 
|
 
|
 
|[[file:LVGL docs example 046.png]]
 
|[[file:LVGL docs example 046.png]]
 
|-
 
|-
 
|047
 
|047
−
|
+
|Styling a bar
 
|
 
|
 
|[[file:LVGL docs example 047.png]]
 
|[[file:LVGL docs example 047.png]]
 
|-
 
|-
 
|048
 
|048
−
|
+
|Temperature meter
 
|
 
|
 
|[[file:LVGL docs example 048.png]]
 
|[[file:LVGL docs example 048.png]]
 
|-
 
|-
 
|049
 
|049
−
|
+
|Stripe pattern and range value
 
|
 
|
 
|[[file:LVGL docs example 049.png]]
 
|[[file:LVGL docs example 049.png]]
 
|-
 
|-
 
|051
 
|051
−
|
+
|Bar with LTR and RTL base direction
 +
 
 +
Custom drawer to show the current value
 
|
 
|
 
|[[file:LVGL docs example 051.png]]
 
|[[file:LVGL docs example 051.png]]
301行目: 317行目:
 
|052
 
|052
 
|
 
|
 +
 +
=== Button ===
 +
 +
==== Simple Buttons ====
 
|
 
|
 
|[[file:LVGL docs example 052.png]]
 
|[[file:LVGL docs example 052.png]]

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

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 Translate on scroll LVGL docs example 041.png
042

Widgets

Base object

Base objects with custom styles

 LVGL docs example 042.png
043 Make an object draggable LVGL docs example 043.png
044

Arc

Simple Arc

 LVGL docs example 044.png
045 Loader with Arc LVGL docs example 045.png
046

Bar

Simple Bar

 LVGL docs example 046.png
047 Styling a bar LVGL docs example 047.png
048 Temperature meter LVGL docs example 048.png
049 Stripe pattern and range value LVGL docs example 049.png
051 Bar with LTR and RTL base direction

Custom drawer to show the current value

LVGL docs example 051.png
052

Button

Simple Buttons

 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
090 LVGL docs example 090.png
091 LVGL docs example 091.png
092 LVGL docs example 092.png
093 LVGL docs example 093.png
094 LVGL docs example 094.png
095 LVGL docs example 095.png
096 LVGL docs example 096.png
097 LVGL docs example 097.png
098 LVGL docs example 098.png
099 LVGL docs example 099.png
101 LVGL docs example 101.png
102 LVGL docs example 102.png
103 LVGL docs example 103.png
104 LVGL docs example 104.png
105 LVGL docs example 105.png
106 LVGL docs example 106.png
107 LVGL docs example 107.png
108 LVGL docs example 108.png
109 LVGL docs example 109.png
110 LVGL docs example 110.png
111 LVGL docs example 111.png
112 LVGL docs example 112.png
113 LVGL docs example 113.png
114 LVGL docs example 114.png
115 LVGL docs example 115.png
116 LVGL docs example 116.png
117 LVGL docs example 117.png
「https://robot-jp.com/wiki/index.php?title=App:Library:LVGL:docs:Examples&oldid=2685」から取得