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

提供: robot-jp wiki
ナビゲーションに移動検索に移動
5行目: 5行目:
 
:{| class="wikitable"
 
:{| class="wikitable"
 
!
 
!
 +
!Link
 
!英文
 
!英文
 
!自動翻訳
 
!自動翻訳
−
!Link
 
 
|-
 
|-
 
|001
 
|001
 +
|[[file:LVGL docs example 001.png|link=https://docs.lvgl.io/8.2/examples.html#a-button-with-a-label-and-react-on-click-event]]
 
|A button with a label and react on click event
 
|A button with a label and react on click event
 
|ラベルが付いたボタン
 
|ラベルが付いたボタン
  
 
クリックイベントに反応します
 
クリックイベントに反応します
−
|[[file:LVGL docs example 001.png|link=https://docs.lvgl.io/8.2/examples.html#a-button-with-a-label-and-react-on-click-event]]
 
 
|-
 
|-
 
|002
 
|002
 +
|[[file:LVGL docs example 002.png|link=https://docs.lvgl.io/8.2/examples.html#create-styles-from-scratch-for-buttons]]
 
|Create styles from scratch for buttons
 
|Create styles from scratch for buttons
 
|ボタンのスタイルを最初から作成する
 
|ボタンのスタイルを最初から作成する
−
|[[file:LVGL docs example 002.png|link=https://docs.lvgl.io/8.2/examples.html#create-styles-from-scratch-for-buttons]]
 
 
|-
 
|-
 
|003
 
|003
 +
|[[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]]
 
|Create a slider and write its value on a label
 
|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]]
 
 
|}
 
|}
  
30行目: 30行目:
 
:{| class="wikitable"
 
:{| class="wikitable"
 
!
 
!
 +
!Link
 
!英文
 
!英文
 
!自動翻訳
 
!自動翻訳
−
!Link
 
 
|-
 
|-
 
|004
 
|004
 +
|[[file:LVGL docs example 004.png|link=https://docs.lvgl.io/8.2/examples.html#size-styles]]
 
|Size styles
 
|Size styles
 
|
 
|
−
|[[file:LVGL docs example 004.png|link=https://docs.lvgl.io/8.2/examples.html#size-styles]]
 
 
|-
 
|-
 
|005
 
|005
 +
|[[file:LVGL docs example 005.png|link=https://docs.lvgl.io/8.2/examples.html#background-styles]]
 
|Background styles
 
|Background styles
 
|
 
|
−
|[[file:LVGL docs example 005.png|link=https://docs.lvgl.io/8.2/examples.html#background-styles]]
 
 
|-
 
|-
 
|006
 
|006
 +
|[[file:LVGL docs example 006.png|link=https://docs.lvgl.io/8.2/examples.html#border-styles]]
 
|Border styles
 
|Border styles
 
|
 
|
−
|[[file:LVGL docs example 006.png|link=https://docs.lvgl.io/8.2/examples.html#border-styles]]
 
 
|-
 
|-
 
|007
 
|007
 +
|[[file:LVGL docs example 007.png|link=https://docs.lvgl.io/8.2/examples.html#outline-styles]]
 
|Outline styles
 
|Outline styles
 
|
 
|
−
|[[file:LVGL docs example 007.png|link=https://docs.lvgl.io/8.2/examples.html#outline-styles]]
 
 
|-
 
|-
 
|008
 
|008
 +
|[[file:LVGL docs example 008.png|link=https://docs.lvgl.io/8.2/examples.html#shadow-styles]]
 
|Shadow styles
 
|Shadow styles
 
|
 
|
−
|[[file:LVGL docs example 008.png|link=https://docs.lvgl.io/8.2/examples.html#shadow-styles]]
 
 
|-
 
|-
 
|009
 
|009
 +
|[[file:LVGL docs example 009.png|link=https://docs.lvgl.io/8.2/examples.html#image-styles]]
 
|Image styles
 
|Image styles
 
|
 
|
−
|[[file:LVGL docs example 009.png|link=https://docs.lvgl.io/8.2/examples.html#image-styles]]
 
 
|-
 
|-
 
|010
 
|010
 +
|[[file:LVGL docs example 010.png|link=https://docs.lvgl.io/8.2/examples.html#text-styles]]
 
|Text styles
 
|Text styles
 
|
 
|
−
|[[file:LVGL docs example 010.png|link=https://docs.lvgl.io/8.2/examples.html#text-styles]]
 
 
|-
 
|-
 
|011
 
|011
 +
|[[file:LVGL docs example 011.png|link=https://docs.lvgl.io/8.2/examples.html#line-styles]]
 
|Line styles
 
|Line styles
 
|
 
|
−
|[[file:LVGL docs example 011.png|link=https://docs.lvgl.io/8.2/examples.html#line-styles]]
 
 
|-
 
|-
 
|012
 
|012
 +
|[[file:LVGL docs example 012.png|link=https://docs.lvgl.io/8.2/examples.html#transition]]
 
|Transition
 
|Transition
 
|
 
|
−
|[[file:LVGL docs example 012.png|link=https://docs.lvgl.io/8.2/examples.html#transition]]
 
 
|-
 
|-
 
|013
 
|013
 +
|[[file:LVGL docs example 013.png|link=https://docs.lvgl.io/8.2/examples.html#using-multiple-styles]]
 
|Using multiple styles
 
|Using multiple styles
 
|
 
|
−
|[[file:LVGL docs example 013.png|link=https://docs.lvgl.io/8.2/examples.html#using-multiple-styles]]
 
 
|-
 
|-
 
|014
 
|014
 +
|[[file:LVGL docs example 014.png|link=https://docs.lvgl.io/8.2/examples.html#local-styles]]
 
|Local styles
 
|Local styles
 
|
 
|
−
|[[file:LVGL docs example 014.png|link=https://docs.lvgl.io/8.2/examples.html#local-styles]]
 
 
|-
 
|-
 
|016
 
|016
 +
|[[file:LVGL docs example 016.png|link=https://docs.lvgl.io/8.2/examples.html#add-styles-to-parts-and-states]]
 
|Add styles to parts and states
 
|Add styles to parts and states
 
|
 
|
−
|[[file:LVGL docs example 016.png|link=https://docs.lvgl.io/8.2/examples.html#add-styles-to-parts-and-states]]
 
 
|-
 
|-
 
|017
 
|017
 +
|[[file:LVGL docs example 017.png|link=https://docs.lvgl.io/8.2/examples.html#extending-the-current-theme]]
 
|Extending the current theme
 
|Extending the current theme
 
|
 
|
−
|[[file:LVGL docs example 017.png|link=https://docs.lvgl.io/8.2/examples.html#extending-the-current-theme]]
 
 
|}
 
|}
  
103行目: 103行目:
 
:{| class="wikitable"
 
:{| class="wikitable"
 
!
 
!
 +
!Link
 
!英文
 
!英文
 
!自動翻訳
 
!自動翻訳
−
!Link
 
 
|-
 
|-
 
|018
 
|018
 +
|[[file:LVGL docs example 018.png|link=https://docs.lvgl.io/8.2/examples.html#start-animation-on-an-event]]
 
|
 
|
 
Start animation on an event
 
Start animation on an event
 
|
 
|
−
|[[file:LVGL docs example 018.png|link=https://docs.lvgl.io/8.2/examples.html#start-animation-on-an-event]]
 
 
|-
 
|-
 
|019
 
|019
 +
|[[file:LVGL docs example 019.png|link=https://docs.lvgl.io/8.2/examples.html#playback-animation]]
 
|Playback animation
 
|Playback animation
 
|
 
|
−
|[[file:LVGL docs example 019.png|link=https://docs.lvgl.io/8.2/examples.html#playback-animation]]
 
 
|-
 
|-
 
|020
 
|020
 +
|[[file:LVGL docs example 020.png|link=https://docs.lvgl.io/8.2/examples.html#animation-timeline]]
 
|Animation timeline
 
|Animation timeline
 
|
 
|
−
|[[file:LVGL docs example 020.png|link=https://docs.lvgl.io/8.2/examples.html#animation-timeline]]
 
 
|}
 
|}
  
127行目: 127行目:
 
:{| class="wikitable"
 
:{| class="wikitable"
 
!
 
!
 +
!Link
 
!英文
 
!英文
 
!自動翻訳
 
!自動翻訳
−
!Link
 
 
|-
 
|-
 
|021
 
|021
 +
|[[file:LVGL docs example 021.png|link=https://docs.lvgl.io/8.2/examples.html#button-click-event]]
 
|Button click event
 
|Button click event
 
|
 
|
−
|[[file:LVGL docs example 021.png|link=https://docs.lvgl.io/8.2/examples.html#button-click-event]]
 
 
|-
 
|-
 
|022
 
|022
 +
|[[file:LVGL docs example 022.png|link=https://docs.lvgl.io/8.2/examples.html#handle-multiple-events]]
 
|Handle multiple events
 
|Handle multiple events
 
|
 
|
−
|[[file:LVGL docs example 022.png|link=https://docs.lvgl.io/8.2/examples.html#handle-multiple-events]]
 
 
|-
 
|-
 
|023
 
|023
 +
|[[file:LVGL docs example 023.png|link=https://docs.lvgl.io/8.2/examples.html#event-bubbling]]
 
|Event bubbling
 
|Event bubbling
 
|
 
|
−
|[[file:LVGL docs example 023.png|link=https://docs.lvgl.io/8.2/examples.html#event-bubbling]]
 
 
|}
 
|}
  
152行目: 152行目:
 
:{| class="wikitable"
 
:{| class="wikitable"
 
!
 
!
 +
!Link
 
!英文
 
!英文
 
!自動翻訳
 
!自動翻訳
−
!Link
 
 
|-
 
|-
 
|024
 
|024
 +
|[[file:LVGL docs example 024.png|link=https://docs.lvgl.io/8.2/examples.html#a-simple-row-and-a-column-layout-with-flexbox]]
 
|A simple row and a column layout with flexbox
 
|A simple row and a column layout with flexbox
 
|
 
|
−
|[[file:LVGL docs example 024.png|link=https://docs.lvgl.io/8.2/examples.html#a-simple-row-and-a-column-layout-with-flexbox]]
 
 
|-
 
|-
 
|025
 
|025
 +
|[[file:LVGL docs example 025.png|link=https://docs.lvgl.io/8.2/examples.html#arrange-items-in-rows-with-wrap-and-even-spacing]]
 
|Arrange items in rows with wrap and even spacing
 
|Arrange items in rows with wrap and even spacing
 
|
 
|
−
|[[file:LVGL docs example 025.png|link=https://docs.lvgl.io/8.2/examples.html#arrange-items-in-rows-with-wrap-and-even-spacing]]
 
 
|-
 
|-
 
|026
 
|026
 +
|[[file:LVGL docs example 026.png|link=https://docs.lvgl.io/8.2/examples.html#demonstrate-flex-grow]]
 
|Demonstrate flex grow
 
|Demonstrate flex grow
 
|
 
|
−
|[[file:LVGL docs example 026.png|link=https://docs.lvgl.io/8.2/examples.html#demonstrate-flex-grow]]
 
 
|-
 
|-
 
|027
 
|027
 +
|[[file:LVGL docs example 027.png|link=https://docs.lvgl.io/8.2/examples.html#id1]]
 
|Demonstrate flex grow.
 
|Demonstrate flex grow.
 
|
 
|
−
|[[file:LVGL docs example 027.png|link=https://docs.lvgl.io/8.2/examples.html#id1]]
 
 
|-
 
|-
 
|028
 
|028
 +
|[[file:LVGL docs example 028.png|link=https://docs.lvgl.io/8.2/examples.html#demonstrate-column-and-row-gap-style-properties]]
 
|Demonstrate column and row gap style properties
 
|Demonstrate column and row gap style properties
 
|
 
|
−
|[[file:LVGL docs example 028.png|link=https://docs.lvgl.io/8.2/examples.html#demonstrate-column-and-row-gap-style-properties]]
 
 
|-
 
|-
 
|029
 
|029
 +
|[[file:LVGL docs example 029.png|link=https://docs.lvgl.io/8.2/examples.html#rtl-base-direction-changes-order-of-the-items]]
 
|RTL base direction changes order of the items
 
|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]]
 
 
|}
 
|}
  
190行目: 190行目:
 
:{| class="wikitable"
 
:{| class="wikitable"
 
!
 
!
 +
!Link
 
!英文
 
!英文
 
!自動翻訳
 
!自動翻訳
−
!Link
 
 
|-
 
|-
 
|030
 
|030
 +
|[[file:LVGL docs example 030.png|link=https://docs.lvgl.io/8.2/examples.html#a-simple-grid]]
 
|A simple grid
 
|A simple grid
 
|
 
|
−
|[[file:LVGL docs example 030.png|link=https://docs.lvgl.io/8.2/examples.html#a-simple-grid]]
 
 
|-
 
|-
 
|031
 
|031
 +
|[[file:LVGL docs example 031.png|link=https://docs.lvgl.io/8.2/examples.html#demonstrate-cell-placement-and-span]]
 
|Demonstrate cell placement and span
 
|Demonstrate cell placement and span
 
|
 
|
−
|[[file:LVGL docs example 031.png|link=https://docs.lvgl.io/8.2/examples.html#demonstrate-cell-placement-and-span]]
 
 
|-
 
|-
 
|032
 
|032
 +
|[[file:LVGL docs example 032.png|link=https://docs.lvgl.io/8.2/examples.html#demonstrate-grid-s-free-unit]]
 
|Demonstrate grid's "free unit"
 
|Demonstrate grid's "free unit"
 
|
 
|
−
|[[file:LVGL docs example 032.png|link=https://docs.lvgl.io/8.2/examples.html#demonstrate-grid-s-free-unit]]
 
 
|-
 
|-
 
|033
 
|033
 +
|[[file:LVGL docs example 033.png|link=https://docs.lvgl.io/8.2/examples.html#demonstrate-track-placement]]
 
|Demonstrate track placement
 
|Demonstrate track placement
 
|
 
|
−
|[[file:LVGL docs example 033.png|link=https://docs.lvgl.io/8.2/examples.html#demonstrate-track-placement]]
 
 
|-
 
|-
 
|034
 
|034
 +
|[[file:LVGL docs example 034.png|link=https://docs.lvgl.io/8.2/examples.html#demonstrate-column-and-row-gap]]
 
|Demonstrate column and row gap
 
|Demonstrate column and row gap
 
|
 
|
−
|[[file:LVGL docs example 034.png|link=https://docs.lvgl.io/8.2/examples.html#demonstrate-column-and-row-gap]]
 
 
|-
 
|-
 
|035
 
|035
 +
|[[file:LVGL docs example 035.png|link=https://docs.lvgl.io/8.2/examples.html#demonstrate-rtl-direction-on-grid]]
 
|Demonstrate RTL direction on grid
 
|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]]
 
 
|}
 
|}
  
228行目: 228行目:
 
:{| class="wikitable"
 
:{| class="wikitable"
 
!
 
!
 +
!Link
 
!英文
 
!英文
 
!自動翻訳
 
!自動翻訳
−
!Link
 
 
|-
 
|-
 
|036
 
|036
 +
|[[file:LVGL docs example 036.png|link=https://docs.lvgl.io/8.2/examples.html#nested-scrolling]]
 
|Nested scrolling
 
|Nested scrolling
 
|
 
|
−
|[[file:LVGL docs example 036.png|link=https://docs.lvgl.io/8.2/examples.html#nested-scrolling]]
 
 
|-
 
|-
 
|037
 
|037
 +
|[[file:LVGL docs example 037.png|link=https://docs.lvgl.io/8.2/examples.html#snapping]]
 
|Snapping
 
|Snapping
 
|
 
|
−
|[[file:LVGL docs example 037.png|link=https://docs.lvgl.io/8.2/examples.html#snapping]]
 
 
|-
 
|-
 
|038
 
|038
 +
|[[file:LVGL docs example 038.png|link=https://docs.lvgl.io/8.2/examples.html#floating-button]]
 
|Floating button
 
|Floating button
 
|
 
|
−
|[[file:LVGL docs example 038.png|link=https://docs.lvgl.io/8.2/examples.html#floating-button]]
 
 
|-
 
|-
 
|039
 
|039
 +
|[[file:LVGL docs example 039.png|link=https://docs.lvgl.io/8.2/examples.html#styling-the-scrollbars]]
 
|Styling the scrollbars
 
|Styling the scrollbars
 
|
 
|
−
|[[file:LVGL docs example 039.png|link=https://docs.lvgl.io/8.2/examples.html#styling-the-scrollbars]]
 
 
|-
 
|-
 
|040
 
|040
 +
|[[file:LVGL docs example 040.png|link=https://docs.lvgl.io/8.2/examples.html#right-to-left-scrolling]]
 
|Right to left scrolling
 
|Right to left scrolling
 
|
 
|
−
|[[file:LVGL docs example 040.png|link=https://docs.lvgl.io/8.2/examples.html#right-to-left-scrolling]]
 
 
|-
 
|-
 
|041
 
|041
 +
|[[file:LVGL docs example 041.png|link=https://docs.lvgl.io/8.2/examples.html#translate-on-scroll]]
 
|Translate on scroll
 
|Translate on scroll
 
|
 
|
−
|[[file:LVGL docs example 041.png|link=https://docs.lvgl.io/8.2/examples.html#translate-on-scroll]]
 
 
|}
 
|}
  
267行目: 267行目:
 
:{| class="wikitable"
 
:{| class="wikitable"
 
!
 
!
 +
!Link
 
!英文
 
!英文
 
!自動翻訳
 
!自動翻訳
−
!Link
 
 
|-
 
|-
 
|042
 
|042
 +
|[[file:LVGL docs example 042.png|link=https://docs.lvgl.io/8.2/examples.html#base-objects-with-custom-styles]]
 
|Base objects with custom styles
 
|Base objects with custom styles
 
|
 
|
−
|[[file:LVGL docs example 042.png|link=https://docs.lvgl.io/8.2/examples.html#base-objects-with-custom-styles]]
 
 
|-
 
|-
 
|043
 
|043
 +
|[[file:LVGL docs example 043.png|link=https://docs.lvgl.io/8.2/examples.html#make-an-object-draggable]]
 
|Make an object draggable
 
|Make an object draggable
 
|
 
|
−
|[[file:LVGL docs example 043.png|link=https://docs.lvgl.io/8.2/examples.html#make-an-object-draggable]]
 
 
|}
 
|}
 
=== Arc ===
 
=== Arc ===
 
{| class="wikitable"
 
{| class="wikitable"
 
!
 
!
 +
!Link
 
!英文
 
!英文
 
!自動翻訳
 
!自動翻訳
−
!Link
 
 
|-
 
|-
 
|044
 
|044
 +
|[[file:LVGL docs example 044.png|link=https://docs.lvgl.io/8.2/examples.html#simple-arc]]
 
|Simple Arc
 
|Simple Arc
 
|
 
|
−
|[[file:LVGL docs example 044.png|link=https://docs.lvgl.io/8.2/examples.html#simple-arc]]
 
 
|-
 
|-
 
|045
 
|045
 +
|[[file:LVGL docs example 045.png|link=https://docs.lvgl.io/8.2/examples.html#loader-with-arc]]
 
|Loader with Arc
 
|Loader with Arc
 
|
 
|
−
|[[file:LVGL docs example 045.png|link=https://docs.lvgl.io/8.2/examples.html#loader-with-arc]]
 
 
|}
 
|}
  
302行目: 302行目:
 
:{| class="wikitable"
 
:{| class="wikitable"
 
!
 
!
 +
!Link
 
!英文
 
!英文
 
!自動翻訳
 
!自動翻訳
−
!Link
 
 
|-
 
|-
 
|046
 
|046
 +
|[[file:LVGL docs example 046.png|link=https://docs.lvgl.io/8.2/examples.html#simple-bar]]
 
|Simple Bar
 
|Simple Bar
 
|
 
|
−
|[[file:LVGL docs example 046.png|link=https://docs.lvgl.io/8.2/examples.html#simple-bar]]
 
 
|-
 
|-
 
|047
 
|047
 +
|[[file:LVGL docs example 047.png|link=https://docs.lvgl.io/8.2/examples.html#styling-a-bar]]
 
|Styling a bar
 
|Styling a bar
 
|
 
|
−
|[[file:LVGL docs example 047.png|link=https://docs.lvgl.io/8.2/examples.html#styling-a-bar]]
 
 
|-
 
|-
 
|048
 
|048
 +
|[[file:LVGL docs example 048.png|link=https://docs.lvgl.io/8.2/examples.html#temperature-meter]]
 
|Temperature meter
 
|Temperature meter
 
|
 
|
−
|[[file:LVGL docs example 048.png|link=https://docs.lvgl.io/8.2/examples.html#temperature-meter]]
 
 
|-
 
|-
 
|049
 
|049
 +
|[[file:LVGL docs example 049.png|link=https://docs.lvgl.io/8.2/examples.html#stripe-pattern-and-range-value]]
 
|Stripe pattern and range value
 
|Stripe pattern and range value
 
|
 
|
−
|[[file:LVGL docs example 049.png|link=https://docs.lvgl.io/8.2/examples.html#stripe-pattern-and-range-value]]
 
 
|-
 
|-
 
|050
 
|050
 +
|[[file:LVGL docs example 050.png|link=https://docs.lvgl.io/8.2/examples.html#bar-with-ltr-and-rtl-base-direction]]
 
|Bar with LTR and RTL base direction
 
|Bar with LTR and RTL base direction
 
|
 
|
−
|[[file:LVGL docs example 050.png|link=https://docs.lvgl.io/8.2/examples.html#bar-with-ltr-and-rtl-base-direction]]
 
 
|-
 
|-
 
|051
 
|051
 +
|[[file:LVGL docs example 051.png|link=https://docs.lvgl.io/8.2/examples.html#custom-drawer-to-show-the-current-value]]
 
|Custom drawer to show the current value
 
|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]]
 
 
|}
 
|}
  
340行目: 340行目:
 
:{| class="wikitable"
 
:{| class="wikitable"
 
!
 
!
 +
!Link
 
!英文
 
!英文
 
!自動翻訳
 
!自動翻訳
−
!Link
 
 
|-
 
|-
 
|052
 
|052
 +
|[[file:LVGL docs example 052.png|link=https://docs.lvgl.io/8.2/examples.html#simple-buttons]]
 
|Simple Buttons
 
|Simple Buttons
 
|
 
|
−
|[[file:LVGL docs example 052.png|link=https://docs.lvgl.io/8.2/examples.html#simple-buttons]]
 
 
|-
 
|-
 
|053
 
|053
 +
|[[file:LVGL docs example 053.png|link=https://docs.lvgl.io/8.2/examples.html#styling-buttons]]
 
|Styling buttons
 
|Styling buttons
 
|
 
|
−
|[[file:LVGL docs example 053.png|link=https://docs.lvgl.io/8.2/examples.html#styling-buttons]]
 
 
|-
 
|-
 
|054
 
|054
 +
|[[file:LVGL docs example 054.png|link=https://docs.lvgl.io/8.2/examples.html#gummy-button]]
 
|Gummy button
 
|Gummy button
 
|
 
|
−
|[[file:LVGL docs example 054.png|link=https://docs.lvgl.io/8.2/examples.html#gummy-button]]
 
 
|}
 
|}
  
363行目: 363行目:
 
:{| class="wikitable"
 
:{| class="wikitable"
 
!
 
!
 +
!Link
 
!英文
 
!英文
 
!自動翻訳
 
!自動翻訳
−
!Link
 
 
|-
 
|-
 
|055
 
|055
 +
|[[file:LVGL docs example 055.png|link=https://docs.lvgl.io/8.2/examples.html#simple-button-matrix]]
 
|Simple Button matrix
 
|Simple Button matrix
 
|
 
|
−
|[[file:LVGL docs example 055.png|link=https://docs.lvgl.io/8.2/examples.html#simple-button-matrix]]
 
 
|-
 
|-
 
|056
 
|056
 +
|[[file:LVGL docs example 056.png|link=https://docs.lvgl.io/8.2/examples.html#custom-buttons]]
 
|Custom buttons
 
|Custom buttons
 
|
 
|
−
|[[file:LVGL docs example 056.png|link=https://docs.lvgl.io/8.2/examples.html#custom-buttons]]
 
 
|-
 
|-
 
|057
 
|057
 +
|[[file:LVGL docs example 057.png|link=https://docs.lvgl.io/8.2/examples.html#pagination]]
 
|Pagination
 
|Pagination
 
|
 
|
−
|[[file:LVGL docs example 057.png|link=https://docs.lvgl.io/8.2/examples.html#pagination]]
 
 
|}
 
|}
  
386行目: 386行目:
 
:{| class="wikitable"
 
:{| class="wikitable"
 
!
 
!
 +
!Link
 
!英文
 
!英文
 
!自動翻訳
 
!自動翻訳
−
!Link
 
 
|-
 
|-
 
|058
 
|058
 +
|[[file:LVGL docs example 058.png|link=https://docs.lvgl.io/8.2/examples.html#calendar-with-header]]
 
|Calendar with header
 
|Calendar with header
 
|
 
|
−
|[[file:LVGL docs example 058.png|link=https://docs.lvgl.io/8.2/examples.html#calendar-with-header]]
 
 
|}
 
|}
  
399行目: 399行目:
 
:{| class="wikitable"
 
:{| class="wikitable"
 
!
 
!
 +
!Link
 
!英文
 
!英文
 
!自動翻訳
 
!自動翻訳
−
!Link
 
 
|-
 
|-
 
|059
 
|059
 +
|[[file:LVGL docs example 059.png|link=https://docs.lvgl.io/8.2/examples.html#drawing-on-the-canvas-and-rotate]]
 
|Drawing on the Canvas and rotate
 
|Drawing on the Canvas and rotate
 
|
 
|
−
|[[file:LVGL docs example 059.png|link=https://docs.lvgl.io/8.2/examples.html#drawing-on-the-canvas-and-rotate]]
 
 
|-
 
|-
 
|060
 
|060
 +
|[[file:LVGL docs example 060.png|link=https://docs.lvgl.io/8.2/examples.html#transparent-canvas-with-chroma-keying]]
 
|Transparent Canvas with chroma keying
 
|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]]
 
 
|}
 
|}
  
417行目: 417行目:
 
:{| class="wikitable"
 
:{| class="wikitable"
 
!
 
!
 +
!Link
 
!英文
 
!英文
 
!自動翻訳
 
!自動翻訳
−
!Link
 
 
|-
 
|-
 
|061
 
|061
 +
|[[file:LVGL docs example 061.png|link=https://docs.lvgl.io/8.2/examples.html#line-chart]]
 
|Line Chart
 
|Line Chart
 
|
 
|
−
|[[file:LVGL docs example 061.png|link=https://docs.lvgl.io/8.2/examples.html#line-chart]]
 
 
|-
 
|-
 
|062
 
|062
 +
|[[file:LVGL docs example 062.png|link=https://docs.lvgl.io/8.2/examples.html#faded-area-line-chart-with-custom-division-lines]]
 
|Faded area line chart with custom division lines
 
|Faded area line chart with custom division lines
 
|
 
|
−
|[[file:LVGL docs example 062.png|link=https://docs.lvgl.io/8.2/examples.html#faded-area-line-chart-with-custom-division-lines]]
 
 
|-
 
|-
 
|063
 
|063
 +
|[[file:LVGL docs example 063.png|link=https://docs.lvgl.io/8.2/examples.html#axis-ticks-and-labels-with-scrolling]]
 
|Axis ticks and labels with scrolling
 
|Axis ticks and labels with scrolling
 
|
 
|
−
|[[file:LVGL docs example 063.png|link=https://docs.lvgl.io/8.2/examples.html#axis-ticks-and-labels-with-scrolling]]
 
 
|-
 
|-
 
|064
 
|064
 +
|[[file:LVGL docs example 064.png|link=https://docs.lvgl.io/8.2/examples.html#show-the-value-of-the-pressed-points]]
 
|Show the value of the pressed points
 
|Show the value of the pressed points
 
|
 
|
−
|[[file:LVGL docs example 064.png|link=https://docs.lvgl.io/8.2/examples.html#show-the-value-of-the-pressed-points]]
 
 
|-
 
|-
 
|065
 
|065
 +
|[[file:LVGL docs example 065.png|link=https://docs.lvgl.io/8.2/examples.html#display-1000-data-points-with-zooming-and-scrolling]]
 
|Display 1000 data points with zooming and scrolling
 
|Display 1000 data points with zooming and scrolling
 
|
 
|
−
|[[file:LVGL docs example 065.png|link=https://docs.lvgl.io/8.2/examples.html#display-1000-data-points-with-zooming-and-scrolling]]
 
 
|-
 
|-
 
|066
 
|066
 +
|[[file:LVGL docs example 066.png|link=https://docs.lvgl.io/8.2/examples.html#show-cursor-on-the-clicked-point]]
 
|Show cursor on the clicked point
 
|Show cursor on the clicked point
 
|
 
|
−
|[[file:LVGL docs example 066.png|link=https://docs.lvgl.io/8.2/examples.html#show-cursor-on-the-clicked-point]]
 
 
|-
 
|-
 
|067
 
|067
 +
|[[file:LVGL docs example 067.png|link=https://docs.lvgl.io/8.2/examples.html#scatter-chart]]
 
|Scatter chart
 
|Scatter chart
 
|
 
|
−
|[[file:LVGL docs example 067.png|link=https://docs.lvgl.io/8.2/examples.html#scatter-chart]]
 
 
|-
 
|-
 
|068
 
|068
 +
|[[file:LVGL docs example 068.png|link=https://docs.lvgl.io/8.2/examples.html#stacked-area-chart]]
 
|Stacked area chart
 
|Stacked area chart
 
|
 
|
−
|[[file:LVGL docs example 068.png|link=https://docs.lvgl.io/8.2/examples.html#stacked-area-chart]]
 
 
|}
 
|}
  
465行目: 465行目:
 
:{| class="wikitable"
 
:{| class="wikitable"
 
!
 
!
 +
!Link
 
!英文
 
!英文
 
!自動翻訳
 
!自動翻訳
−
!Link
 
 
|-
 
|-
 
|069
 
|069
 +
|[[file:LVGL docs example 069.png|link=https://docs.lvgl.io/8.2/examples.html#simple-checkboxes]]
 
|Simple Checkboxes
 
|Simple Checkboxes
 
|
 
|
−
|[[file:LVGL docs example 069.png|link=https://docs.lvgl.io/8.2/examples.html#simple-checkboxes]]
 
 
|-
 
|-
 
|070
 
|070
 +
|[[file:LVGL docs example 070.png|link=https://docs.lvgl.io/8.2/examples.html#checkboxes-as-radio-buttons]]
 
|Checkboxes as radio buttons
 
|Checkboxes as radio buttons
 
|
 
|
−
|[[file:LVGL docs example 070.png|link=https://docs.lvgl.io/8.2/examples.html#checkboxes-as-radio-buttons]]
 
 
|}
 
|}
  
483行目: 483行目:
 
:{| class="wikitable"
 
:{| class="wikitable"
 
!
 
!
 +
!Link
 
!英文
 
!英文
 
!自動翻訳
 
!自動翻訳
−
!Link
 
 
|-
 
|-
 
|071
 
|071
 +
|[[file:LVGL docs example 071.png|link=https://docs.lvgl.io/8.2/examples.html#simple-colorwheel]]
 
|Simple Colorwheel
 
|Simple Colorwheel
 
|
 
|
−
|[[file:LVGL docs example 071.png|link=https://docs.lvgl.io/8.2/examples.html#simple-colorwheel]]
 
 
|}
 
|}
  
496行目: 496行目:
 
:{| class="wikitable"
 
:{| class="wikitable"
 
!
 
!
 +
!Link
 
!英文
 
!英文
 
!自動翻訳
 
!自動翻訳
−
!Link
 
 
|-
 
|-
 
|072
 
|072
 +
|[[file:LVGL docs example 072.png|link=https://docs.lvgl.io/8.2/examples.html#simple-drop-down-list]]
 
|Simple Drop down list
 
|Simple Drop down list
 
|
 
|
−
|[[file:LVGL docs example 072.png|link=https://docs.lvgl.io/8.2/examples.html#simple-drop-down-list]]
 
 
|-
 
|-
 
|073
 
|073
 +
|[[file:LVGL docs example 073.png|link=https://docs.lvgl.io/8.2/examples.html#drop-down-in-four-directions]]
 
|Drop down in four directions
 
|Drop down in four directions
 
|
 
|
−
|[[file:LVGL docs example 073.png|link=https://docs.lvgl.io/8.2/examples.html#drop-down-in-four-directions]]
 
 
|-
 
|-
 
|074
 
|074
 +
|[[file:LVGL docs example 074.png|link=https://docs.lvgl.io/8.2/examples.html#menu]]
 
|Menu
 
|Menu
 
|
 
|
−
|[[file:LVGL docs example 074.png|link=https://docs.lvgl.io/8.2/examples.html#menu]]
 
 
|-
 
|-
 
|075
 
|075
 +
|[[file:LVGL docs example 075.png|link=https://docs.lvgl.io/8.2/examples.html#image-from-variable-and-symbol]]
 
|Image
 
|Image
 
|
 
|
−
|[[file:LVGL docs example 075.png|link=https://docs.lvgl.io/8.2/examples.html#image-from-variable-and-symbol]]
 
 
|-
 
|-
 
|076
 
|076
 +
|[[file:LVGL docs example 076.png|link=https://docs.lvgl.io/8.2/examples.html#image-recoloring]]
 
|Image recoloring
 
|Image recoloring
 
|
 
|
−
|[[file:LVGL docs example 076.png|link=https://docs.lvgl.io/8.2/examples.html#image-recoloring]]
 
 
|-
 
|-
 
|077
 
|077
 +
|[[file:LVGL docs example 077.png|link=https://docs.lvgl.io/8.2/examples.html#rotate-and-zoom]]
 
|Rotate and zoom
 
|Rotate and zoom
 
|
 
|
−
|[[file:LVGL docs example 077.png|link=https://docs.lvgl.io/8.2/examples.html#rotate-and-zoom]]
 
 
|-
 
|-
 
|078
 
|078
 +
|[[file:LVGL docs example 078.png|link=https://docs.lvgl.io/8.2/examples.html#image-offset-and-styling]]
 
|Image offset and styling
 
|Image offset and styling
 
|
 
|
−
|[[file:LVGL docs example 078.png|link=https://docs.lvgl.io/8.2/examples.html#image-offset-and-styling]]
 
 
|}
 
|}
  
539行目: 539行目:
 
:{| class="wikitable"
 
:{| class="wikitable"
 
!
 
!
 +
!Link
 
!英文
 
!英文
 
!自動翻訳
 
!自動翻訳
−
!Link
 
 
|-
 
|-
 
|079
 
|079
 +
|[[file:LVGL docs example 079.png|link=https://docs.lvgl.io/8.2/examples.html#simple-image-button]]
 
|Simple Image button
 
|Simple Image button
 
|
 
|
−
|[[file:LVGL docs example 079.png|link=https://docs.lvgl.io/8.2/examples.html#simple-image-button]]
 
 
|}
 
|}
  
552行目: 552行目:
 
:{| class="wikitable"
 
:{| class="wikitable"
 
!
 
!
 +
!Link
 
!英文
 
!英文
 
!自動翻訳
 
!自動翻訳
−
!Link
 
 
|-
 
|-
 
|080
 
|080
 +
|[[file:LVGL docs example 080.png|link=https://docs.lvgl.io/8.2/examples.html#keyboard-with-text-area]]
 
|Keyboard with text area
 
|Keyboard with text area
 
|
 
|
−
|[[file:LVGL docs example 080.png|link=https://docs.lvgl.io/8.2/examples.html#keyboard-with-text-area]]
 
 
|}
 
|}
  
565行目: 565行目:
 
:{| class="wikitable"
 
:{| class="wikitable"
 
!
 
!
 +
!Link
 
!英文
 
!英文
 
!自動翻訳
 
!自動翻訳
−
!Link
 
 
|-
 
|-
 
|081
 
|081
 +
|[[file:LVGL docs example 081.png|link=https://docs.lvgl.io/8.2/examples.html#line-wrap-recoloring-and-scrolling]]
 
|Line wrap, recoloring and scrolling
 
|Line wrap, recoloring and scrolling
 
|
 
|
−
|[[file:LVGL docs example 081.png|link=https://docs.lvgl.io/8.2/examples.html#line-wrap-recoloring-and-scrolling]]
 
 
|-
 
|-
 
|082
 
|082
 +
|[[file:LVGL docs example 082.png|link=https://docs.lvgl.io/8.2/examples.html#text-shadow]]
 
|Text shadow
 
|Text shadow
 
|
 
|
−
|[[file:LVGL docs example 082.png|link=https://docs.lvgl.io/8.2/examples.html#text-shadow]]
 
 
|-
 
|-
 
|083
 
|083
 +
|[[file:LVGL docs example 083.png|link=https://docs.lvgl.io/8.2/examples.html#show-ltr-rtl-and-chinese-texts]]
 
|Show LTR, RTL and Chinese texts
 
|Show LTR, RTL and Chinese texts
 
|
 
|
−
|[[file:LVGL docs example 083.png|link=https://docs.lvgl.io/8.2/examples.html#show-ltr-rtl-and-chinese-texts]]
 
 
|-
 
|-
 
|084
 
|084
 +
|[[file:LVGL docs example 084.png|link=https://docs.lvgl.io/8.2/examples.html#draw-label-with-gradient-color]]
 
|Draw label with gradient color
 
|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]]
 
 
|}
 
|}
  
593行目: 593行目:
 
:{| class="wikitable"
 
:{| class="wikitable"
 
!
 
!
 +
!Link
 
!英文
 
!英文
 
!自動翻訳
 
!自動翻訳
−
!Link
 
 
|-
 
|-
 
|085
 
|085
 +
|[[file:LVGL docs example 085.png|link=https://docs.lvgl.io/8.2/examples.html#led-with-custom-style]]
 
|LED with custom style
 
|LED with custom style
 
|
 
|
−
|[[file:LVGL docs example 085.png|link=https://docs.lvgl.io/8.2/examples.html#led-with-custom-style]]
 
 
|}
 
|}
  
606行目: 606行目:
 
:{| class="wikitable"
 
:{| class="wikitable"
 
!
 
!
 +
!Link
 
!英文
 
!英文
 
!自動翻訳
 
!自動翻訳
−
!Link
 
 
|-
 
|-
 
|086
 
|086
 +
|[[file:LVGL docs example 086.png|link=https://docs.lvgl.io/8.2/examples.html#simple-line]]
 
|Simple Line
 
|Simple Line
 
|
 
|
−
|[[file:LVGL docs example 086.png|link=https://docs.lvgl.io/8.2/examples.html#simple-line]]
 
 
|}
 
|}
  
619行目: 619行目:
 
:{| class="wikitable"
 
:{| class="wikitable"
 
!
 
!
 +
!Link
 
!英文
 
!英文
 
!自動翻訳
 
!自動翻訳
−
!Link
 
 
|-
 
|-
 
|087
 
|087
 +
|[[file:LVGL docs example 087.png|link=https://docs.lvgl.io/8.2/examples.html#simple-list]]
 
|Simple List
 
|Simple List
 
|
 
|
−
|[[file:LVGL docs example 087.png|link=https://docs.lvgl.io/8.2/examples.html#simple-list]]
 
 
|-
 
|-
 
|088
 
|088
 +
|[[file:LVGL docs example 088.png|link=https://docs.lvgl.io/8.2/examples.html#sorting-a-list-using-up-and-down-buttons]]
 
|Sorting a List using up and down buttons
 
|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]]
 
 
|}
 
|}
  
637行目: 637行目:
 
:{| class="wikitable"
 
:{| class="wikitable"
 
!
 
!
 +
!Link
 
!英文
 
!英文
 
!自動翻訳
 
!自動翻訳
−
!Link
 
 
|-
 
|-
 
|089
 
|089
 +
|[[file:LVGL docs example 089.png|link=https://docs.lvgl.io/8.2/examples.html#simple-menu]]
 
|Simple Menu
 
|Simple Menu
 
|
 
|
−
|[[file:LVGL docs example 089.png|link=https://docs.lvgl.io/8.2/examples.html#simple-menu]]
 
 
|-
 
|-
 
|090
 
|090
 +
|[[file:LVGL docs example 090.png|link=https://docs.lvgl.io/8.2/examples.html#simple-menu-with-root-btn]]
 
|Simple Menu with root btn
 
|Simple Menu with root btn
 
|
 
|
−
|[[file:LVGL docs example 090.png|link=https://docs.lvgl.io/8.2/examples.html#simple-menu-with-root-btn]]
 
 
|-
 
|-
 
|091
 
|091
 +
|[[file:LVGL docs example 091.png|link=https://docs.lvgl.io/8.2/examples.html#simple-menu-with-custom-header]]
 
|Simple Menu with custom header
 
|Simple Menu with custom header
 
|
 
|
−
|[[file:LVGL docs example 091.png|link=https://docs.lvgl.io/8.2/examples.html#simple-menu-with-custom-header]]
 
 
|-
 
|-
 
|092
 
|092
 +
|[[file:LVGL docs example 092.png|link=https://docs.lvgl.io/8.2/examples.html#simple-menu-with-floating-btn-to-add-new-menu-page]]
 
|Simple Menu with floating btn to add new menu page
 
|Simple Menu with floating btn to add new menu page
 
|
 
|
−
|[[file:LVGL docs example 092.png|link=https://docs.lvgl.io/8.2/examples.html#simple-menu-with-floating-btn-to-add-new-menu-page]]
 
 
|-
 
|-
 
|093
 
|093
 +
|[[file:LVGL docs example 093.png|link=https://docs.lvgl.io/8.2/examples.html#complex-menu]]
 
|Complex Menu
 
|Complex Menu
 
|
 
|
−
|[[file:LVGL docs example 093.png|link=https://docs.lvgl.io/8.2/examples.html#complex-menu]]
 
 
|-
 
|-
 
|094
 
|094
 +
|[[file:LVGL docs example 094.png|link=https://docs.lvgl.io/8.2/examples.html#simple-meter]]
 
|Simple meter
 
|Simple meter
 
|
 
|
−
|[[file:LVGL docs example 094.png|link=https://docs.lvgl.io/8.2/examples.html#simple-meter]]
 
 
|-
 
|-
 
|095
 
|095
 +
|[[file:LVGL docs example 095.png|link=https://docs.lvgl.io/8.2/examples.html#a-meter-with-multiple-arcs]]
 
|A meter with multiple arcs
 
|A meter with multiple arcs
 
|
 
|
−
|[[file:LVGL docs example 095.png|link=https://docs.lvgl.io/8.2/examples.html#a-meter-with-multiple-arcs]]
 
 
|-
 
|-
 
|096
 
|096
 +
|[[file:LVGL docs example 096.png|link=https://docs.lvgl.io/8.2/examples.html#a-clock-from-a-meter]]
 
|A clock from a meter
 
|A clock from a meter
 
|
 
|
−
|[[file:LVGL docs example 096.png|link=https://docs.lvgl.io/8.2/examples.html#a-clock-from-a-meter]]
 
 
|-
 
|-
 
|097
 
|097
 +
|[[file:LVGL docs example 097.png|link=https://docs.lvgl.io/8.2/examples.html#pie-chart]]
 
|Pie chart
 
|Pie chart
 
|
 
|
−
|[[file:LVGL docs example 097.png|link=https://docs.lvgl.io/8.2/examples.html#pie-chart]]
 
 
|}
 
|}
  
690行目: 690行目:
 
:{| class="wikitable"
 
:{| class="wikitable"
 
!
 
!
 +
!Link
 
!英文
 
!英文
 
!自動翻訳
 
!自動翻訳
−
!Link
 
 
|-
 
|-
 
|098
 
|098
 +
|[[file:LVGL docs example 098.png|link=https://docs.lvgl.io/8.2/examples.html#simple-message-box]]
 
|Simple Message box
 
|Simple Message box
 
|
 
|
−
|[[file:LVGL docs example 098.png|link=https://docs.lvgl.io/8.2/examples.html#simple-message-box]]
 
 
|}
 
|}
  
703行目: 703行目:
 
:{| class="wikitable"
 
:{| class="wikitable"
 
!
 
!
 +
!Link
 
!英文
 
!英文
 
!自動翻訳
 
!自動翻訳
−
!Link
 
 
|-
 
|-
 
|099
 
|099
 +
|[[file:LVGL docs example 099.png|link=https://docs.lvgl.io/8.2/examples.html#simple-roller]]
 
|Simple Roller
 
|Simple Roller
 
|
 
|
−
|[[file:LVGL docs example 099.png|link=https://docs.lvgl.io/8.2/examples.html#simple-roller]]
 
 
|-
 
|-
 
|100
 
|100
 +
|[[file:LVGL docs example 100.png|link=https://docs.lvgl.io/8.2/examples.html#styling-the-roller]]
 
|Styling the roller
 
|Styling the roller
 
|
 
|
−
|[[file:LVGL docs example 100.png|link=https://docs.lvgl.io/8.2/examples.html#styling-the-roller]]
 
 
|-
 
|-
 
|101
 
|101
 +
|[[file:LVGL docs example 101.png|link=https://docs.lvgl.io/8.2/examples.html#add-fade-mask-to-roller]]
 
|add fade mask to roller
 
|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]]
 
 
|}
 
|}
  
726行目: 726行目:
 
:{| class="wikitable"
 
:{| class="wikitable"
 
!
 
!
 +
!Link
 
!英文
 
!英文
 
!自動翻訳
 
!自動翻訳
−
!Link
 
 
|-
 
|-
 
|102
 
|102
 +
|[[file:LVGL docs example 102.png|link=https://docs.lvgl.io/8.2/examples.html#simple-slider]]
 
|Simple Slider
 
|Simple Slider
 
|
 
|
−
|[[file:LVGL docs example 102.png|link=https://docs.lvgl.io/8.2/examples.html#simple-slider]]
 
 
|-
 
|-
 
|103
 
|103
 +
|[[file:LVGL docs example 103.png|link=https://docs.lvgl.io/8.2/examples.html#slider-with-custom-style]]
 
|Slider with custom style
 
|Slider with custom style
 
|
 
|
−
|[[file:LVGL docs example 103.png|link=https://docs.lvgl.io/8.2/examples.html#slider-with-custom-style]]
 
 
|-
 
|-
 
|104
 
|104
 +
|[[file:LVGL docs example 104.png|link=https://docs.lvgl.io/8.2/examples.html#slider-with-extended-drawer]]
 
|Slider with extended drawer
 
|Slider with extended drawer
 
|
 
|
−
|[[file:LVGL docs example 104.png|link=https://docs.lvgl.io/8.2/examples.html#slider-with-extended-drawer]]
 
 
|}
 
|}
  
749行目: 749行目:
 
:{| class="wikitable"
 
:{| class="wikitable"
 
!
 
!
 +
!Link
 
!英文
 
!英文
 
!自動翻訳
 
!自動翻訳
−
!Link
 
 
|-
 
|-
 
|105
 
|105
 +
|[[file:LVGL docs example 105.png|link=https://docs.lvgl.io/8.2/examples.html#span-with-custom-styles]]
 
|Span with custom styles
 
|Span with custom styles
 
|
 
|
−
|[[file:LVGL docs example 105.png|link=https://docs.lvgl.io/8.2/examples.html#span-with-custom-styles]]
 
 
|}
 
|}
  
762行目: 762行目:
 
:{| class="wikitable"
 
:{| class="wikitable"
 
!
 
!
 +
!Link
 
!英文
 
!英文
 
!自動翻訳
 
!自動翻訳
−
!Link
 
 
|-
 
|-
 
|106
 
|106
 +
|[[file:LVGL docs example 106.png|link=https://docs.lvgl.io/8.2/examples.html#simple-spinbox]]
 
|Simple Spinbox
 
|Simple Spinbox
 
|
 
|
−
|[[file:LVGL docs example 106.png|link=https://docs.lvgl.io/8.2/examples.html#simple-spinbox]]
 
 
|}
 
|}
  
775行目: 775行目:
 
:{| class="wikitable"
 
:{| class="wikitable"
 
!
 
!
 +
!Link
 
!英文
 
!英文
 
!自動翻訳
 
!自動翻訳
−
!Link
 
 
|-
 
|-
 
|107
 
|107
 +
|[[file:LVGL docs example 107.png|link=https://docs.lvgl.io/8.2/examples.html#simple-spinner]]
 
|Simple spinner
 
|Simple spinner
 
|
 
|
−
|[[file:LVGL docs example 107.png|link=https://docs.lvgl.io/8.2/examples.html#simple-spinner]]
 
 
|}
 
|}
  
788行目: 788行目:
 
:{| class="wikitable"
 
:{| class="wikitable"
 
!
 
!
 +
!Link
 
!英文
 
!英文
 
!自動翻訳
 
!自動翻訳
−
!Link
 
 
|-
 
|-
 
|108
 
|108
 +
|[[file:LVGL docs example 108.png|link=https://docs.lvgl.io/8.2/examples.html#simple-switch]]
 
|Simple Switch
 
|Simple Switch
 
|
 
|
−
|[[file:LVGL docs example 108.png|link=https://docs.lvgl.io/8.2/examples.html#simple-switch]]
 
 
|}
 
|}
  
801行目: 801行目:
 
:{| class="wikitable"
 
:{| class="wikitable"
 
!
 
!
 +
!Link
 
!英文
 
!英文
 
!自動翻訳
 
!自動翻訳
−
!Link
 
 
|-
 
|-
 
|109
 
|109
 +
|[[file:LVGL docs example 109.png|link=https://docs.lvgl.io/8.2/examples.html#simple-table]]
 
|Simple table
 
|Simple table
 
|
 
|
−
|[[file:LVGL docs example 109.png|link=https://docs.lvgl.io/8.2/examples.html#simple-table]]
 
 
|-
 
|-
 
|110
 
|110
 +
|[[file:LVGL docs example 110.png|link=https://docs.lvgl.io/8.2/examples.html#lightweighted-list-from-table]]
 
|Lightweighted list from table
 
|Lightweighted list from table
 
|
 
|
−
|[[file:LVGL docs example 110.png|link=https://docs.lvgl.io/8.2/examples.html#lightweighted-list-from-table]]
 
 
|}
 
|}
  
819行目: 819行目:
 
:{| class="wikitable"
 
:{| class="wikitable"
 
!
 
!
 +
!Link
 
!英文
 
!英文
 
!自動翻訳
 
!自動翻訳
−
!Link
 
 
|-
 
|-
 
|111
 
|111
 +
|[[file:LVGL docs example 111.png|link=https://docs.lvgl.io/8.2/examples.html#simple-tabview]]
 
|Simple Tabview
 
|Simple Tabview
 
|
 
|
−
|[[file:LVGL docs example 111.png|link=https://docs.lvgl.io/8.2/examples.html#simple-tabview]]
 
 
|-
 
|-
 
|112
 
|112
 +
|[[file:LVGL docs example 112.png|link=https://docs.lvgl.io/8.2/examples.html#tabs-on-the-left-styling-and-no-scrolling]]
 
|Tabs on the left, styling and no scrolling
 
|Tabs on the left, styling and no scrolling
 
|
 
|
−
|[[file:LVGL docs example 112.png|link=https://docs.lvgl.io/8.2/examples.html#tabs-on-the-left-styling-and-no-scrolling]]
 
 
|-
 
|-
 
|113
 
|113
 +
|[[file:LVGL docs example 113.png|link=https://docs.lvgl.io/8.2/examples.html#simple-text-area]]
 
|Simple Text area
 
|Simple Text area
 
|
 
|
−
|[[file:LVGL docs example 113.png|link=https://docs.lvgl.io/8.2/examples.html#simple-text-area]]
 
 
|-
 
|-
 
|114
 
|114
 +
|[[file:LVGL docs example 114.png|link=https://docs.lvgl.io/8.2/examples.html#text-area-with-password-field]]
 
|Text area with password field
 
|Text area with password field
 
|
 
|
−
|[[file:LVGL docs example 114.png|link=https://docs.lvgl.io/8.2/examples.html#text-area-with-password-field]]
 
 
|-
 
|-
 
|115
 
|115
 +
|[[file:LVGL docs example 115.png|link=https://docs.lvgl.io/8.2/examples.html#text-auto-formatting]]
 
|Text auto-formatting
 
|Text auto-formatting
 
|
 
|
−
|[[file:LVGL docs example 115.png|link=https://docs.lvgl.io/8.2/examples.html#text-auto-formatting]]
 
 
|}
 
|}
  
852行目: 852行目:
 
:{| class="wikitable"
 
:{| class="wikitable"
 
!
 
!
 +
!Link
 
!英文
 
!英文
 
!自動翻訳
 
!自動翻訳
−
!Link
 
 
|-
 
|-
 
|116
 
|116
 +
|[[file:LVGL docs example 116.png|link=https://docs.lvgl.io/8.2/examples.html#tileview-with-content]]
 
|Tileview with content
 
|Tileview with content
 
|
 
|
−
|[[file:LVGL docs example 116.png|link=https://docs.lvgl.io/8.2/examples.html#tileview-with-content]]
 
 
|}
 
|}
  
865行目: 865行目:
 
:{| class="wikitable"
 
:{| class="wikitable"
 
!
 
!
 +
!Link
 
!英文
 
!英文
 
!自動翻訳
 
!自動翻訳
−
!Link
 
 
|-
 
|-
 
|117
 
|117
 +
|[[file:LVGL docs example 117.png|link=https://docs.lvgl.io/8.2/examples.html#simple-window]]
 
|Simple window
 
|Simple window
 
|
 
|
−
|[[file:LVGL docs example 117.png|link=https://docs.lvgl.io/8.2/examples.html#simple-window]]
 
 
|}
 
|}

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

https://docs.lvgl.io/8.2/examples.html


Get started

Link 英文 自動翻訳
001 LVGL docs example 001.png A button with a label and react on click event ラベルが付いたボタン

クリックイベントに反応します

002 LVGL docs example 002.png Create styles from scratch for buttons ボタンのスタイルを最初から作成する
003 LVGL docs example 003.png Create a slider and write its value on a label

Styles

Link 英文 自動翻訳
004 LVGL docs example 004.png Size styles
005 LVGL docs example 005.png Background styles
006 LVGL docs example 006.png Border styles
007 LVGL docs example 007.png Outline styles
008 LVGL docs example 008.png Shadow styles
009 LVGL docs example 009.png Image styles
010 LVGL docs example 010.png Text styles
011 LVGL docs example 011.png Line styles
012 LVGL docs example 012.png Transition
013 LVGL docs example 013.png Using multiple styles
014 LVGL docs example 014.png Local styles
016 LVGL docs example 016.png Add styles to parts and states
017 LVGL docs example 017.png Extending the current theme

Animations

Link 英文 自動翻訳
018 LVGL docs example 018.png

Start animation on an event

019 LVGL docs example 019.png Playback animation
020 LVGL docs example 020.png Animation timeline

Events

Link 英文 自動翻訳
021 LVGL docs example 021.png Button click event
022 LVGL docs example 022.png Handle multiple events
023 LVGL docs example 023.png Event bubbling

Layouts

Flex

Link 英文 自動翻訳
024 LVGL docs example 024.png A simple row and a column layout with flexbox
025 LVGL docs example 025.png Arrange items in rows with wrap and even spacing
026 LVGL docs example 026.png Demonstrate flex grow
027 LVGL docs example 027.png Demonstrate flex grow.
028 LVGL docs example 028.png Demonstrate column and row gap style properties
029 LVGL docs example 029.png RTL base direction changes order of the items

Grid

Link 英文 自動翻訳
030 LVGL docs example 030.png A simple grid
031 LVGL docs example 031.png Demonstrate cell placement and span
032 LVGL docs example 032.png Demonstrate grid's "free unit"
033 LVGL docs example 033.png Demonstrate track placement
034 LVGL docs example 034.png Demonstrate column and row gap
035 LVGL docs example 035.png Demonstrate RTL direction on grid

Scrolling

Link 英文 自動翻訳
036 LVGL docs example 036.png Nested scrolling
037 LVGL docs example 037.png Snapping
038 LVGL docs example 038.png Floating button
039 LVGL docs example 039.png Styling the scrollbars
040 LVGL docs example 040.png Right to left scrolling
041 LVGL docs example 041.png Translate on scroll

Widgets

Base object

Link 英文 自動翻訳
042 LVGL docs example 042.png Base objects with custom styles
043 LVGL docs example 043.png Make an object draggable

Arc

Link 英文 自動翻訳
044 LVGL docs example 044.png Simple Arc
045 LVGL docs example 045.png Loader with Arc

Bar

Link 英文 自動翻訳
046 LVGL docs example 046.png Simple Bar
047 LVGL docs example 047.png Styling a bar
048 LVGL docs example 048.png Temperature meter
049 LVGL docs example 049.png Stripe pattern and range value
050 LVGL docs example 050.png Bar with LTR and RTL base direction
051 LVGL docs example 051.png Custom drawer to show the current value

Button

Link 英文 自動翻訳
052 LVGL docs example 052.png Simple Buttons
053 LVGL docs example 053.png Styling buttons
054 LVGL docs example 054.png Gummy button

Button matrix

Link 英文 自動翻訳
055 LVGL docs example 055.png Simple Button matrix
056 LVGL docs example 056.png Custom buttons
057 LVGL docs example 057.png Pagination

Calendar

Link 英文 自動翻訳
058 LVGL docs example 058.png Calendar with header

Canvas

Link 英文 自動翻訳
059 LVGL docs example 059.png Drawing on the Canvas and rotate
060 LVGL docs example 060.png Transparent Canvas with chroma keying

Chart

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

Checkbox

Link 英文 自動翻訳
069 LVGL docs example 069.png Simple Checkboxes
070 LVGL docs example 070.png Checkboxes as radio buttons

Colorwheel

Link 英文 自動翻訳
071 LVGL docs example 071.png Simple Colorwheel

Dropdown

Link 英文 自動翻訳
072 LVGL docs example 072.png Simple Drop down list
073 LVGL docs example 073.png Drop down in four directions
074 LVGL docs example 074.png Menu
075 LVGL docs example 075.png Image
076 LVGL docs example 076.png Image recoloring
077 LVGL docs example 077.png Rotate and zoom
078 LVGL docs example 078.png Image offset and styling

Image button

Link 英文 自動翻訳
079 LVGL docs example 079.png Simple Image button

Keyboard

Link 英文 自動翻訳
080 LVGL docs example 080.png Keyboard with text area

Label

Link 英文 自動翻訳
081 LVGL docs example 081.png Line wrap, recoloring and scrolling
082 LVGL docs example 082.png Text shadow
083 LVGL docs example 083.png Show LTR, RTL and Chinese texts
084 LVGL docs example 084.png Draw label with gradient color

LED

Link 英文 自動翻訳
085 LVGL docs example 085.png LED with custom style

Line

Link 英文 自動翻訳
086 LVGL docs example 086.png Simple Line

List

Link 英文 自動翻訳
087 LVGL docs example 087.png Simple List
088 LVGL docs example 088.png Sorting a List using up and down buttons

Menu

Link 英文 自動翻訳
089 LVGL docs example 089.png Simple Menu
090 LVGL docs example 090.png Simple Menu with root btn
091 LVGL docs example 091.png Simple Menu with custom header
092 LVGL docs example 092.png Simple Menu with floating btn to add new menu page
093 LVGL docs example 093.png Complex Menu
094 LVGL docs example 094.png Simple meter
095 LVGL docs example 095.png A meter with multiple arcs
096 LVGL docs example 096.png A clock from a meter
097 LVGL docs example 097.png Pie chart

Messqage box

Link 英文 自動翻訳
098 LVGL docs example 098.png Simple Message box

Roller

Link 英文 自動翻訳
099 LVGL docs example 099.png Simple Roller
100 LVGL docs example 100.png Styling the roller
101 LVGL docs example 101.png add fade mask to roller

Slider

Link 英文 自動翻訳
102 LVGL docs example 102.png Simple Slider
103 LVGL docs example 103.png Slider with custom style
104 LVGL docs example 104.png Slider with extended drawer

Span

Link 英文 自動翻訳
105 LVGL docs example 105.png Span with custom styles

Spinbox

Link 英文 自動翻訳
106 LVGL docs example 106.png Simple Spinbox

Spinner

Link 英文 自動翻訳
107 LVGL docs example 107.png Simple spinner

Switch

Link 英文 自動翻訳
108 LVGL docs example 108.png Simple Switch

Table

Link 英文 自動翻訳
109 LVGL docs example 109.png Simple table
110 LVGL docs example 110.png Lightweighted list from table

Tabview

Link 英文 自動翻訳
111 LVGL docs example 111.png Simple Tabview
112 LVGL docs example 112.png Tabs on the left, styling and no scrolling
113 LVGL docs example 113.png Simple Text area
114 LVGL docs example 114.png Text area with password field
115 LVGL docs example 115.png Text auto-formatting

Tabview

Link 英文 自動翻訳
116 LVGL docs example 116.png Tileview with content

Window

Link 英文 自動翻訳
117 LVGL docs example 117.png Simple window
「https://robot-jp.com/wiki/index.php?title=App:Library:LVGL:docs:Examples&oldid=2701」から取得