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

提供: robot-jp wiki
ナビゲーションに移動検索に移動
333行目: 333行目:
 
|-
 
|-
 
|054
 
|054
−
|
+
|Gummy button
 
|
 
|
 
|[[file:LVGL docs example 054.png]]
 
|[[file:LVGL docs example 054.png]]
339行目: 339行目:
 
|055
 
|055
 
|
 
|
 +
 +
=== Button matrix ===
 +
 +
==== Simple Button matrix ====
 
|
 
|
 
|[[file:LVGL docs example 055.png]]
 
|[[file:LVGL docs example 055.png]]
 
|-
 
|-
 
|056
 
|056
−
|
+
|Custom buttons
 
|
 
|
 
|[[file:LVGL docs example 056.png]]
 
|[[file:LVGL docs example 056.png]]
 
|-
 
|-
 
|057
 
|057
−
|
+
|Pagination
 
|
 
|
 
|[[file:LVGL docs example 057.png]]
 
|[[file:LVGL docs example 057.png]]
354行目: 358行目:
 
|058
 
|058
 
|
 
|
 +
 +
=== Calendar ===
 +
 +
==== Calendar with header ====
 
|
 
|
 
|[[file:LVGL docs example 058.png]]
 
|[[file:LVGL docs example 058.png]]
359行目: 367行目:
 
|059
 
|059
 
|
 
|
 +
 +
=== Canvas ===
 +
 +
==== Drawing on the Canvas and rotate ====
 
|
 
|
 
|[[file:LVGL docs example 059.png]]
 
|[[file:LVGL docs example 059.png]]
 
|-
 
|-
 
|060
 
|060
−
|
+
|Transparent Canvas with chroma keying
 
|
 
|
 
|[[file:LVGL docs example 060.png]]
 
|[[file:LVGL docs example 060.png]]
369行目: 381行目:
 
|061
 
|061
 
|
 
|
 +
 +
=== Chart ===
 +
 +
==== Line Chart ====
 
|
 
|
 
|[[file:LVGL docs example 061.png]]
 
|[[file:LVGL docs example 061.png]]
 
|-
 
|-
 
|062
 
|062
−
|
+
|Faded area line chart with custom division lines
 
|
 
|
 
|[[file:LVGL docs example 062.png]]
 
|[[file:LVGL docs example 062.png]]
 
|-
 
|-
 
|063
 
|063
−
|
+
|Axis ticks and labels with scrolling
 
|
 
|
 
|[[file:LVGL docs example 063.png]]
 
|[[file:LVGL docs example 063.png]]
 
|-
 
|-
 
|064
 
|064
−
|
+
|Show the value of the pressed points
 
|
 
|
 
|[[file:LVGL docs example 064.png]]
 
|[[file:LVGL docs example 064.png]]
 
|-
 
|-
 
|065
 
|065
−
|
+
|Display 1000 data points with zooming and scrolling
 
|
 
|
 
|[[file:LVGL docs example 065.png]]
 
|[[file:LVGL docs example 065.png]]
 
|-
 
|-
 
|066
 
|066
−
|
+
|Show cursor on the clicked point
 
|
 
|
 
|[[file:LVGL docs example 066.png]]
 
|[[file:LVGL docs example 066.png]]
 
|-
 
|-
 
|067
 
|067
−
|
+
|Scatter chart
 
|
 
|
 
|[[file:LVGL docs example 067.png]]
 
|[[file:LVGL docs example 067.png]]
 
|-
 
|-
 
|068
 
|068
−
|
+
|Stacked area chart
 
|
 
|
 
|[[file:LVGL docs example 068.png]]
 
|[[file:LVGL docs example 068.png]]
409行目: 425行目:
 
|069
 
|069
 
|
 
|
 +
 +
=== Checkbox ===
 +
 +
==== Simple Checkboxes ====
 
|
 
|
 
|[[file:LVGL docs example 069.png]]
 
|[[file:LVGL docs example 069.png]]
 
|-
 
|-
 
|071
 
|071
−
|
+
|Checkboxes as radio buttons
 
|
 
|
 
|[[file:LVGL docs example 071.png]]
 
|[[file:LVGL docs example 071.png]]
419行目: 439行目:
 
|072
 
|072
 
|
 
|
 +
 +
=== Colorwheel ===
 +
 +
==== Simple Colorwheel ====
 
|
 
|
 
|[[file:LVGL docs example 072.png]]
 
|[[file:LVGL docs example 072.png]]
424行目: 448行目:
 
|073
 
|073
 
|
 
|
 +
 +
=== Dropdown ===
 +
 +
==== Simple Drop down list ====
 
|
 
|
 
|[[file:LVGL docs example 073.png]]
 
|[[file:LVGL docs example 073.png]]
 
|-
 
|-
 
|074
 
|074
−
|
+
|Drop down in four directions
 
|
 
|
 
|[[file:LVGL docs example 074.png]]
 
|[[file:LVGL docs example 074.png]]

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

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
050 Bar with LTR and RTL base direction LVGL docs example 050.png
051 Custom drawer to show the current value LVGL docs example 051.png
052

Button

Simple Buttons

 LVGL docs example 052.png
053 Styling buttons LVGL docs example 053.png
054 Gummy button LVGL docs example 054.png
055

Button matrix

Simple Button matrix

 LVGL docs example 055.png
056 Custom buttons LVGL docs example 056.png
057 Pagination LVGL docs example 057.png
058

Calendar

Calendar with header

 LVGL docs example 058.png
059

Canvas

Drawing on the Canvas and rotate

 LVGL docs example 059.png
060 Transparent Canvas with chroma keying LVGL docs example 060.png
061

Chart

Line Chart

 LVGL docs example 061.png
062 Faded area line chart with custom division lines LVGL docs example 062.png
063 Axis ticks and labels with scrolling LVGL docs example 063.png
064 Show the value of the pressed points LVGL docs example 064.png
065 Display 1000 data points with zooming and scrolling LVGL docs example 065.png
066 Show cursor on the clicked point LVGL docs example 066.png
067 Scatter chart LVGL docs example 067.png
068 Stacked area chart LVGL docs example 068.png
069

Checkbox

Simple Checkboxes

 LVGL docs example 069.png
071 Checkboxes as radio buttons LVGL docs example 071.png
072

Colorwheel

Simple Colorwheel

 LVGL docs example 072.png
073

Dropdown

Simple Drop down list

 LVGL docs example 073.png
074 Drop down in four directions 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=2689」から取得