「App:Library:LVGL:docs:Examples」の版間の差分
提供: robot-jp wiki
ナビゲーションに移動検索に移動5行目: | 5行目: | ||
:{| class="wikitable" | :{| class="wikitable" | ||
! | ! | ||
+ | !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 | ||
|ラベルが付いたボタン | |ラベルが付いたボタン | ||
クリックイベントに反応します | クリックイベントに反応します | ||
− | |||
|- | |- | ||
|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 | ||
|ボタンのスタイルを最初から作成する | |ボタンのスタイルを最初から作成する | ||
− | |||
|- | |- | ||
|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 | ||
| | | | ||
− | |||
|} | |} | ||
30行目: | 30行目: | ||
:{| class="wikitable" | :{| class="wikitable" | ||
! | ! | ||
+ | !Link | ||
!英文 | !英文 | ||
!自動翻訳 | !自動翻訳 | ||
− | |||
|- | |- | ||
|004 | |004 | ||
+ | |[[file:LVGL docs example 004.png|link=https://docs.lvgl.io/8.2/examples.html#size-styles]] | ||
|Size styles | |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 | ||
| | | | ||
− | |||
|- | |- | ||
|006 | |006 | ||
+ | |[[file:LVGL docs example 006.png|link=https://docs.lvgl.io/8.2/examples.html#border-styles]] | ||
|Border styles | |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 | ||
| | | | ||
− | |||
|- | |- | ||
|008 | |008 | ||
+ | |[[file:LVGL docs example 008.png|link=https://docs.lvgl.io/8.2/examples.html#shadow-styles]] | ||
|Shadow styles | |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 | ||
| | | | ||
− | |||
|- | |- | ||
|010 | |010 | ||
+ | |[[file:LVGL docs example 010.png|link=https://docs.lvgl.io/8.2/examples.html#text-styles]] | ||
|Text styles | |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 | ||
| | | | ||
− | |||
|- | |- | ||
|012 | |012 | ||
+ | |[[file:LVGL docs example 012.png|link=https://docs.lvgl.io/8.2/examples.html#transition]] | ||
|Transition | |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 | ||
| | | | ||
− | |||
|- | |- | ||
|014 | |014 | ||
+ | |[[file:LVGL docs example 014.png|link=https://docs.lvgl.io/8.2/examples.html#local-styles]] | ||
|Local styles | |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 | ||
| | | | ||
− | |||
|- | |- | ||
|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 | ||
| | | | ||
− | |||
|} | |} | ||
103行目: | 103行目: | ||
:{| class="wikitable" | :{| class="wikitable" | ||
! | ! | ||
+ | !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 | ||
| | | | ||
− | |||
|- | |- | ||
|019 | |019 | ||
+ | |[[file:LVGL docs example 019.png|link=https://docs.lvgl.io/8.2/examples.html#playback-animation]] | ||
|Playback animation | |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 | ||
| | | | ||
− | |||
|} | |} | ||
127行目: | 127行目: | ||
:{| class="wikitable" | :{| class="wikitable" | ||
! | ! | ||
+ | !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 | ||
| | | | ||
− | |||
|- | |- | ||
|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 | ||
| | | | ||
− | |||
|- | |- | ||
|023 | |023 | ||
+ | |[[file:LVGL docs example 023.png|link=https://docs.lvgl.io/8.2/examples.html#event-bubbling]] | ||
|Event bubbling | |Event bubbling | ||
| | | | ||
− | |||
|} | |} | ||
152行目: | 152行目: | ||
:{| class="wikitable" | :{| class="wikitable" | ||
! | ! | ||
+ | !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 | ||
| | | | ||
− | |||
|- | |- | ||
|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 | ||
| | | | ||
− | |||
|- | |- | ||
|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 | ||
| | | | ||
− | |||
|- | |- | ||
|027 | |027 | ||
+ | |[[file:LVGL docs example 027.png|link=https://docs.lvgl.io/8.2/examples.html#id1]] | ||
|Demonstrate flex grow. | |Demonstrate flex grow. | ||
| | | | ||
− | |||
|- | |- | ||
|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 | ||
| | | | ||
− | |||
|- | |- | ||
|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 | ||
| | | | ||
− | |||
|} | |} | ||
190行目: | 190行目: | ||
:{| class="wikitable" | :{| class="wikitable" | ||
! | ! | ||
+ | !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 | ||
| | | | ||
− | |||
|- | |- | ||
|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 | ||
| | | | ||
− | |||
|- | |- | ||
|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" | ||
| | | | ||
− | |||
|- | |- | ||
|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 | ||
| | | | ||
− | |||
|- | |- | ||
|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 | ||
| | | | ||
− | |||
|- | |- | ||
|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 | ||
| | | | ||
− | |||
|} | |} | ||
228行目: | 228行目: | ||
:{| class="wikitable" | :{| class="wikitable" | ||
! | ! | ||
+ | !Link | ||
!英文 | !英文 | ||
!自動翻訳 | !自動翻訳 | ||
− | |||
|- | |- | ||
|036 | |036 | ||
+ | |[[file:LVGL docs example 036.png|link=https://docs.lvgl.io/8.2/examples.html#nested-scrolling]] | ||
|Nested scrolling | |Nested scrolling | ||
| | | | ||
− | |||
|- | |- | ||
|037 | |037 | ||
+ | |[[file:LVGL docs example 037.png|link=https://docs.lvgl.io/8.2/examples.html#snapping]] | ||
|Snapping | |Snapping | ||
| | | | ||
− | |||
|- | |- | ||
|038 | |038 | ||
+ | |[[file:LVGL docs example 038.png|link=https://docs.lvgl.io/8.2/examples.html#floating-button]] | ||
|Floating button | |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 | ||
| | | | ||
− | |||
|- | |- | ||
|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 | ||
| | | | ||
− | |||
|- | |- | ||
|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 | ||
| | | | ||
− | |||
|} | |} | ||
267行目: | 267行目: | ||
:{| class="wikitable" | :{| class="wikitable" | ||
! | ! | ||
+ | !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 | ||
| | | | ||
− | |||
|- | |- | ||
|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 | ||
| | | | ||
− | |||
|} | |} | ||
=== Arc === | === Arc === | ||
{| class="wikitable" | {| class="wikitable" | ||
! | ! | ||
+ | !Link | ||
!英文 | !英文 | ||
!自動翻訳 | !自動翻訳 | ||
− | |||
|- | |- | ||
|044 | |044 | ||
+ | |[[file:LVGL docs example 044.png|link=https://docs.lvgl.io/8.2/examples.html#simple-arc]] | ||
|Simple Arc | |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 | ||
| | | | ||
− | |||
|} | |} | ||
302行目: | 302行目: | ||
:{| class="wikitable" | :{| class="wikitable" | ||
! | ! | ||
+ | !Link | ||
!英文 | !英文 | ||
!自動翻訳 | !自動翻訳 | ||
− | |||
|- | |- | ||
|046 | |046 | ||
+ | |[[file:LVGL docs example 046.png|link=https://docs.lvgl.io/8.2/examples.html#simple-bar]] | ||
|Simple Bar | |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 | ||
| | | | ||
− | |||
|- | |- | ||
|048 | |048 | ||
+ | |[[file:LVGL docs example 048.png|link=https://docs.lvgl.io/8.2/examples.html#temperature-meter]] | ||
|Temperature meter | |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 | ||
| | | | ||
− | |||
|- | |- | ||
|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 | ||
| | | | ||
− | |||
|- | |- | ||
|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 | ||
| | | | ||
− | |||
|} | |} | ||
340行目: | 340行目: | ||
:{| class="wikitable" | :{| class="wikitable" | ||
! | ! | ||
+ | !Link | ||
!英文 | !英文 | ||
!自動翻訳 | !自動翻訳 | ||
− | |||
|- | |- | ||
|052 | |052 | ||
+ | |[[file:LVGL docs example 052.png|link=https://docs.lvgl.io/8.2/examples.html#simple-buttons]] | ||
|Simple Buttons | |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 | ||
| | | | ||
− | |||
|- | |- | ||
|054 | |054 | ||
+ | |[[file:LVGL docs example 054.png|link=https://docs.lvgl.io/8.2/examples.html#gummy-button]] | ||
|Gummy button | |Gummy button | ||
| | | | ||
− | |||
|} | |} | ||
363行目: | 363行目: | ||
:{| class="wikitable" | :{| class="wikitable" | ||
! | ! | ||
+ | !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 | ||
| | | | ||
− | |||
|- | |- | ||
|056 | |056 | ||
+ | |[[file:LVGL docs example 056.png|link=https://docs.lvgl.io/8.2/examples.html#custom-buttons]] | ||
|Custom buttons | |Custom buttons | ||
| | | | ||
− | |||
|- | |- | ||
|057 | |057 | ||
+ | |[[file:LVGL docs example 057.png|link=https://docs.lvgl.io/8.2/examples.html#pagination]] | ||
|Pagination | |Pagination | ||
| | | | ||
− | |||
|} | |} | ||
386行目: | 386行目: | ||
:{| class="wikitable" | :{| class="wikitable" | ||
! | ! | ||
+ | !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 | ||
| | | | ||
− | |||
|} | |} | ||
399行目: | 399行目: | ||
:{| class="wikitable" | :{| class="wikitable" | ||
! | ! | ||
+ | !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 | ||
| | | | ||
− | |||
|- | |- | ||
|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 | ||
| | | | ||
− | |||
|} | |} | ||
417行目: | 417行目: | ||
:{| class="wikitable" | :{| class="wikitable" | ||
! | ! | ||
+ | !Link | ||
!英文 | !英文 | ||
!自動翻訳 | !自動翻訳 | ||
− | |||
|- | |- | ||
|061 | |061 | ||
+ | |[[file:LVGL docs example 061.png|link=https://docs.lvgl.io/8.2/examples.html#line-chart]] | ||
|Line Chart | |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 | ||
| | | | ||
− | |||
|- | |- | ||
|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 | ||
| | | | ||
− | |||
|- | |- | ||
|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 | ||
| | | | ||
− | |||
|- | |- | ||
|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 | ||
| | | | ||
− | |||
|- | |- | ||
|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 | ||
| | | | ||
− | |||
|- | |- | ||
|067 | |067 | ||
+ | |[[file:LVGL docs example 067.png|link=https://docs.lvgl.io/8.2/examples.html#scatter-chart]] | ||
|Scatter chart | |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 | ||
| | | | ||
− | |||
|} | |} | ||
465行目: | 465行目: | ||
:{| class="wikitable" | :{| class="wikitable" | ||
! | ! | ||
+ | !Link | ||
!英文 | !英文 | ||
!自動翻訳 | !自動翻訳 | ||
− | |||
|- | |- | ||
|069 | |069 | ||
+ | |[[file:LVGL docs example 069.png|link=https://docs.lvgl.io/8.2/examples.html#simple-checkboxes]] | ||
|Simple Checkboxes | |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 | ||
| | | | ||
− | |||
|} | |} | ||
483行目: | 483行目: | ||
:{| class="wikitable" | :{| class="wikitable" | ||
! | ! | ||
+ | !Link | ||
!英文 | !英文 | ||
!自動翻訳 | !自動翻訳 | ||
− | |||
|- | |- | ||
|071 | |071 | ||
+ | |[[file:LVGL docs example 071.png|link=https://docs.lvgl.io/8.2/examples.html#simple-colorwheel]] | ||
|Simple Colorwheel | |Simple Colorwheel | ||
| | | | ||
− | |||
|} | |} | ||
496行目: | 496行目: | ||
:{| class="wikitable" | :{| class="wikitable" | ||
! | ! | ||
+ | !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 | ||
| | | | ||
− | |||
|- | |- | ||
|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 | ||
| | | | ||
− | |||
|- | |- | ||
|074 | |074 | ||
+ | |[[file:LVGL docs example 074.png|link=https://docs.lvgl.io/8.2/examples.html#menu]] | ||
|Menu | |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 | ||
| | | | ||
− | |||
|- | |- | ||
|076 | |076 | ||
+ | |[[file:LVGL docs example 076.png|link=https://docs.lvgl.io/8.2/examples.html#image-recoloring]] | ||
|Image recoloring | |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 | ||
| | | | ||
− | |||
|- | |- | ||
|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 | ||
| | | | ||
− | |||
|} | |} | ||
539行目: | 539行目: | ||
:{| class="wikitable" | :{| class="wikitable" | ||
! | ! | ||
+ | !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 | ||
| | | | ||
− | |||
|} | |} | ||
552行目: | 552行目: | ||
:{| class="wikitable" | :{| class="wikitable" | ||
! | ! | ||
+ | !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 | ||
| | | | ||
− | |||
|} | |} | ||
565行目: | 565行目: | ||
:{| class="wikitable" | :{| class="wikitable" | ||
! | ! | ||
+ | !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 | ||
| | | | ||
− | |||
|- | |- | ||
|082 | |082 | ||
+ | |[[file:LVGL docs example 082.png|link=https://docs.lvgl.io/8.2/examples.html#text-shadow]] | ||
|Text shadow | |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 | ||
| | | | ||
− | |||
|- | |- | ||
|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 | ||
| | | | ||
− | |||
|} | |} | ||
593行目: | 593行目: | ||
:{| class="wikitable" | :{| class="wikitable" | ||
! | ! | ||
+ | !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 | ||
| | | | ||
− | |||
|} | |} | ||
606行目: | 606行目: | ||
:{| class="wikitable" | :{| class="wikitable" | ||
! | ! | ||
+ | !Link | ||
!英文 | !英文 | ||
!自動翻訳 | !自動翻訳 | ||
− | |||
|- | |- | ||
|086 | |086 | ||
+ | |[[file:LVGL docs example 086.png|link=https://docs.lvgl.io/8.2/examples.html#simple-line]] | ||
|Simple Line | |Simple Line | ||
| | | | ||
− | |||
|} | |} | ||
619行目: | 619行目: | ||
:{| class="wikitable" | :{| class="wikitable" | ||
! | ! | ||
+ | !Link | ||
!英文 | !英文 | ||
!自動翻訳 | !自動翻訳 | ||
− | |||
|- | |- | ||
|087 | |087 | ||
+ | |[[file:LVGL docs example 087.png|link=https://docs.lvgl.io/8.2/examples.html#simple-list]] | ||
|Simple List | |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 | ||
| | | | ||
− | |||
|} | |} | ||
637行目: | 637行目: | ||
:{| class="wikitable" | :{| class="wikitable" | ||
! | ! | ||
+ | !Link | ||
!英文 | !英文 | ||
!自動翻訳 | !自動翻訳 | ||
− | |||
|- | |- | ||
|089 | |089 | ||
+ | |[[file:LVGL docs example 089.png|link=https://docs.lvgl.io/8.2/examples.html#simple-menu]] | ||
|Simple Menu | |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 | ||
| | | | ||
− | |||
|- | |- | ||
|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 | ||
| | | | ||
− | |||
|- | |- | ||
|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 | ||
| | | | ||
− | |||
|- | |- | ||
|093 | |093 | ||
+ | |[[file:LVGL docs example 093.png|link=https://docs.lvgl.io/8.2/examples.html#complex-menu]] | ||
|Complex Menu | |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 | ||
| | | | ||
− | |||
|- | |- | ||
|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 | ||
| | | | ||
− | |||
|- | |- | ||
|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 | ||
| | | | ||
− | |||
|- | |- | ||
|097 | |097 | ||
+ | |[[file:LVGL docs example 097.png|link=https://docs.lvgl.io/8.2/examples.html#pie-chart]] | ||
|Pie chart | |Pie chart | ||
| | | | ||
− | |||
|} | |} | ||
690行目: | 690行目: | ||
:{| class="wikitable" | :{| class="wikitable" | ||
! | ! | ||
+ | !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 | ||
| | | | ||
− | |||
|} | |} | ||
703行目: | 703行目: | ||
:{| class="wikitable" | :{| class="wikitable" | ||
! | ! | ||
+ | !Link | ||
!英文 | !英文 | ||
!自動翻訳 | !自動翻訳 | ||
− | |||
|- | |- | ||
|099 | |099 | ||
+ | |[[file:LVGL docs example 099.png|link=https://docs.lvgl.io/8.2/examples.html#simple-roller]] | ||
|Simple Roller | |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 | ||
| | | | ||
− | |||
|- | |- | ||
|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 | ||
| | | | ||
− | |||
|} | |} | ||
726行目: | 726行目: | ||
:{| class="wikitable" | :{| class="wikitable" | ||
! | ! | ||
+ | !Link | ||
!英文 | !英文 | ||
!自動翻訳 | !自動翻訳 | ||
− | |||
|- | |- | ||
|102 | |102 | ||
+ | |[[file:LVGL docs example 102.png|link=https://docs.lvgl.io/8.2/examples.html#simple-slider]] | ||
|Simple Slider | |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 | ||
| | | | ||
− | |||
|- | |- | ||
|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 | ||
| | | | ||
− | |||
|} | |} | ||
749行目: | 749行目: | ||
:{| class="wikitable" | :{| class="wikitable" | ||
! | ! | ||
+ | !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 | ||
| | | | ||
− | |||
|} | |} | ||
762行目: | 762行目: | ||
:{| class="wikitable" | :{| class="wikitable" | ||
! | ! | ||
+ | !Link | ||
!英文 | !英文 | ||
!自動翻訳 | !自動翻訳 | ||
− | |||
|- | |- | ||
|106 | |106 | ||
+ | |[[file:LVGL docs example 106.png|link=https://docs.lvgl.io/8.2/examples.html#simple-spinbox]] | ||
|Simple Spinbox | |Simple Spinbox | ||
| | | | ||
− | |||
|} | |} | ||
775行目: | 775行目: | ||
:{| class="wikitable" | :{| class="wikitable" | ||
! | ! | ||
+ | !Link | ||
!英文 | !英文 | ||
!自動翻訳 | !自動翻訳 | ||
− | |||
|- | |- | ||
|107 | |107 | ||
+ | |[[file:LVGL docs example 107.png|link=https://docs.lvgl.io/8.2/examples.html#simple-spinner]] | ||
|Simple spinner | |Simple spinner | ||
| | | | ||
− | |||
|} | |} | ||
788行目: | 788行目: | ||
:{| class="wikitable" | :{| class="wikitable" | ||
! | ! | ||
+ | !Link | ||
!英文 | !英文 | ||
!自動翻訳 | !自動翻訳 | ||
− | |||
|- | |- | ||
|108 | |108 | ||
+ | |[[file:LVGL docs example 108.png|link=https://docs.lvgl.io/8.2/examples.html#simple-switch]] | ||
|Simple Switch | |Simple Switch | ||
| | | | ||
− | |||
|} | |} | ||
801行目: | 801行目: | ||
:{| class="wikitable" | :{| class="wikitable" | ||
! | ! | ||
+ | !Link | ||
!英文 | !英文 | ||
!自動翻訳 | !自動翻訳 | ||
− | |||
|- | |- | ||
|109 | |109 | ||
+ | |[[file:LVGL docs example 109.png|link=https://docs.lvgl.io/8.2/examples.html#simple-table]] | ||
|Simple table | |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 | ||
| | | | ||
− | |||
|} | |} | ||
819行目: | 819行目: | ||
:{| class="wikitable" | :{| class="wikitable" | ||
! | ! | ||
+ | !Link | ||
!英文 | !英文 | ||
!自動翻訳 | !自動翻訳 | ||
− | |||
|- | |- | ||
|111 | |111 | ||
+ | |[[file:LVGL docs example 111.png|link=https://docs.lvgl.io/8.2/examples.html#simple-tabview]] | ||
|Simple Tabview | |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 | ||
| | | | ||
− | |||
|- | |- | ||
|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 | ||
| | | | ||
− | |||
|- | |- | ||
|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 | ||
| | | | ||
− | |||
|- | |- | ||
|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 | ||
| | | | ||
− | |||
|} | |} | ||
852行目: | 852行目: | ||
:{| class="wikitable" | :{| class="wikitable" | ||
! | ! | ||
+ | !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 | ||
| | | | ||
− | |||
|} | |} | ||
865行目: | 865行目: | ||
:{| class="wikitable" | :{| class="wikitable" | ||
! | ! | ||
+ | !Link | ||
!英文 | !英文 | ||
!自動翻訳 | !自動翻訳 | ||
− | |||
|- | |- | ||
|117 | |117 | ||
+ | |[[file:LVGL docs example 117.png|link=https://docs.lvgl.io/8.2/examples.html#simple-window]] | ||
|Simple window | |Simple window | ||
| | | | ||
− | |||
|} | |} |
2022年6月16日 (木) 13:49時点における版
https://docs.lvgl.io/8.2/examples.html
Get started
Styles
Animations
Events
Layouts
Flex
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