「App:Library:LVGL:docs:Examples」の版間の差分
提供: robot-jp wiki
ナビゲーションに移動検索に移動26行目: | 26行目: | ||
|スライダーを作成し、その値をラベルに書き込みます | |スライダーを作成し、その値をラベルに書き込みます | ||
|} | |} | ||
− | :[ | + | :[[App:Library:LVGL#Get started|戻る : Previous]] |
== Styles == | == Styles == | ||
100行目: | 100行目: | ||
|現在のテーマを拡張 | |現在のテーマを拡張 | ||
|} | |} | ||
− | :[ | + | :[[App:Library:LVGL#Get started|戻る : Previous]] |
== Animations == | == Animations == | ||
125行目: | 125行目: | ||
|アニメーションのタイムライン | |アニメーションのタイムライン | ||
|} | |} | ||
− | :[ | + | :[[App:Library:LVGL#Get started|戻る : Previous]] |
== Events == | == Events == | ||
149行目: | 149行目: | ||
|イベントバブリング | |イベントバブリング | ||
|} | |} | ||
− | :[ | + | :[[App:Library:LVGL#Get started|戻る : Previous]] |
== Layouts == | == Layouts == | ||
190行目: | 190行目: | ||
|RTLベース方向はアイテムの順序を変更 | |RTLベース方向はアイテムの順序を変更 | ||
|} | |} | ||
− | :[ | + | :[[App:Library:LVGL#Get started|戻る : Previous]] |
=== Grid === | === Grid === | ||
229行目: | 229行目: | ||
|グリッド上でRTLの方向(デモ) | |グリッド上でRTLの方向(デモ) | ||
|} | |} | ||
− | :[ | + | :[[App:Library:LVGL#Get started|戻る : Previous]] |
== Scrolling == | == Scrolling == | ||
268行目: | 268行目: | ||
|説明のスクロール | |説明のスクロール | ||
|} | |} | ||
− | :[ | + | :[[App:Library:LVGL#Get started|戻る : Previous]] |
== Widgets == | == Widgets == | ||
288行目: | 288行目: | ||
|オブジェクトをドラッグ可能にする | |オブジェクトをドラッグ可能にする | ||
|} | |} | ||
− | :[ | + | :[[App:Library:LVGL#Get started|戻る : Previous]] |
=== Arc === | === Arc === | ||
307行目: | 307行目: | ||
|アーク付きローダー | |アーク付きローダー | ||
|} | |} | ||
− | :[ | + | :[[App:Library:LVGL#Get started|戻る : Previous]] |
=== Bar === | === Bar === | ||
346行目: | 346行目: | ||
|現在の値を表示するカスタムドロワー | |現在の値を表示するカスタムドロワー | ||
|} | |} | ||
− | :[ | + | :[[App:Library:LVGL#Get started|戻る : Previous]] |
=== Button === | === Button === | ||
370行目: | 370行目: | ||
|グミボタン | |グミボタン | ||
|} | |} | ||
− | :[ | + | :[[App:Library:LVGL#Get started|戻る : Previous]] |
=== Button matrix === | === Button matrix === | ||
394行目: | 394行目: | ||
|ページ付け | |ページ付け | ||
|} | |} | ||
− | :[ | + | :[[App:Library:LVGL#Get started|戻る : Previous]] |
=== Calendar === | === Calendar === | ||
408行目: | 408行目: | ||
|ヘッダー付きカレンダー | |ヘッダー付きカレンダー | ||
|} | |} | ||
− | :[ | + | :[[App:Library:LVGL#Get started|戻る : Previous]] |
=== Canvas === | === Canvas === | ||
427行目: | 427行目: | ||
|クロマキー付きの透明なキャンバス | |クロマキー付きの透明なキャンバス | ||
|} | |} | ||
− | :[ | + | :[[App:Library:LVGL#Get started|戻る : Previous]] |
=== Chart === | === Chart === | ||
476行目: | 476行目: | ||
|積み上げ面グラフ | |積み上げ面グラフ | ||
|} | |} | ||
− | :[ | + | :[[App:Library:LVGL#Get started|戻る : Previous]] |
=== Checkbox === | === Checkbox === | ||
495行目: | 495行目: | ||
|ラジオボタンとしてのチェックボックス | |ラジオボタンとしてのチェックボックス | ||
|} | |} | ||
− | :[ | + | :[[App:Library:LVGL#Get started|戻る : Previous]] |
=== Colorwheel === | === Colorwheel === | ||
509行目: | 509行目: | ||
|シンプルなカラーホイール | |シンプルなカラーホイール | ||
|} | |} | ||
− | :[ | + | :[[App:Library:LVGL#Get started|戻る : Previous]] |
=== Dropdown === | === Dropdown === | ||
553行目: | 553行目: | ||
|画像のオフセットとスタイリング | |画像のオフセットとスタイリング | ||
|} | |} | ||
− | :[ | + | :[[App:Library:LVGL#Get started|戻る : Previous]] |
=== Image button === | === Image button === | ||
567行目: | 567行目: | ||
|シンプルな画像ボタン | |シンプルな画像ボタン | ||
|} | |} | ||
− | :[ | + | :[[App:Library:LVGL#Get started|戻る : Previous]] |
=== Keyboard === | === Keyboard === | ||
581行目: | 581行目: | ||
|テキストエリア付きキーボード | |テキストエリア付きキーボード | ||
|} | |} | ||
− | :[ | + | :[[App:Library:LVGL#Get started|戻る : Previous]] |
=== Label === | === Label === | ||
610行目: | 610行目: | ||
|グラデーションカラーでラベルを描く | |グラデーションカラーでラベルを描く | ||
|} | |} | ||
− | :[ | + | :[[App:Library:LVGL#Get started|戻る : Previous]] |
=== LED === | === LED === | ||
624行目: | 624行目: | ||
|カスタムスタイルのLED | |カスタムスタイルのLED | ||
|} | |} | ||
− | :[ | + | :[[App:Library:LVGL#Get started|戻る : Previous]] |
=== Line === | === Line === | ||
638行目: | 638行目: | ||
|シンプルなライン | |シンプルなライン | ||
|} | |} | ||
− | :[ | + | :[[App:Library:LVGL#Get started|戻る : Previous]] |
=== List === | === List === | ||
657行目: | 657行目: | ||
|上ボタンと下ボタンを使用してリストを並べ替える | |上ボタンと下ボタンを使用してリストを並べ替える | ||
|} | |} | ||
− | :[ | + | :[[App:Library:LVGL#Get started|戻る : Previous]] |
=== Menu === | === Menu === | ||
711行目: | 711行目: | ||
|円グラフ | |円グラフ | ||
|} | |} | ||
− | :[ | + | :[[App:Library:LVGL#Get started|戻る : Previous]] |
=== Messqage box === | === Messqage box === | ||
725行目: | 725行目: | ||
|シンプルなメッセージボックス | |シンプルなメッセージボックス | ||
|} | |} | ||
− | :[ | + | :[[App:Library:LVGL#Get started|戻る : Previous]] |
=== Roller === | === Roller === | ||
749行目: | 749行目: | ||
|ローラーにフェードマスクを追加 | |ローラーにフェードマスクを追加 | ||
|} | |} | ||
− | :[ | + | :[[App:Library:LVGL#Get started|戻る : Previous]] |
=== Slider === | === Slider === | ||
773行目: | 773行目: | ||
|拡張引き出し付きスライダー | |拡張引き出し付きスライダー | ||
|} | |} | ||
− | :[ | + | :[[App:Library:LVGL#Get started|戻る : Previous]] |
=== Span === | === Span === | ||
787行目: | 787行目: | ||
|カスタムスタイル付きSPAN | |カスタムスタイル付きSPAN | ||
|} | |} | ||
− | :[ | + | :[[App:Library:LVGL#Get started|戻る : Previous]] |
=== Spinbox === | === Spinbox === | ||
801行目: | 801行目: | ||
|シンプルなスピンボックス | |シンプルなスピンボックス | ||
|} | |} | ||
− | :[ | + | :[[App:Library:LVGL#Get started|戻る : Previous]] |
=== Spinner === | === Spinner === | ||
815行目: | 815行目: | ||
|シンプルなスピナー | |シンプルなスピナー | ||
|} | |} | ||
− | :[ | + | :[[App:Library:LVGL#Get started|戻る : Previous]] |
=== Switch === | === Switch === | ||
829行目: | 829行目: | ||
|シンプルなスイッチ | |シンプルなスイッチ | ||
|} | |} | ||
− | :[ | + | :[[App:Library:LVGL#Get started|戻る : Previous]] |
=== Table === | === Table === | ||
848行目: | 848行目: | ||
|テーブルからの軽量化されたリスト | |テーブルからの軽量化されたリスト | ||
|} | |} | ||
− | :[ | + | :[[App:Library:LVGL#Get started|戻る : Previous]] |
=== Tabview === | === Tabview === | ||
882行目: | 882行目: | ||
|テキストの自動フォーマット | |テキストの自動フォーマット | ||
|} | |} | ||
− | :[ | + | :[[App:Library:LVGL#Get started|戻る : Previous]] |
=== Tabview === | === Tabview === | ||
896行目: | 896行目: | ||
|コンテンツ付きのタイルビュー | |コンテンツ付きのタイルビュー | ||
|} | |} | ||
− | :[ | + | :[[App:Library:LVGL#Get started|戻る : Previous]] |
=== Window === | === Window === | ||
910行目: | 910行目: | ||
|シンプルなウィンドウ | |シンプルなウィンドウ | ||
|} | |} | ||
− | :[ | + | :[[App:Library:LVGL#Get started|戻る : Previous]] |
2022年6月22日 (水) 21:49時点における版
https://docs.lvgl.io/8.2/examples.html
Get started
Styles
Animations
Link 英文 自動翻訳 018 Start animation on an event
イベントでアニメーションを開始 019 Playback animation 再生アニメーション 020 Animation timeline アニメーションのタイムライン
Events
Link 英文 自動翻訳 021 Button click event ボタンクリックイベント 022 Handle multiple events 複数のイベントを処理 023 Event bubbling イベントバブリング
Layouts
Flex
Grid
Scrolling
Widgets
Base object
Link 英文 自動翻訳 042 Base objects with custom styles カスタムスタイルのベースオブジェクト 043 Make an object draggable オブジェクトをドラッグ可能にする
Arc
Bar
Button
Button matrix
Link 英文 自動翻訳 055 Simple Button matrix シンプルなボタンマトリックス 056 Custom buttons カスタムボタン 057 Pagination ページ付け
Calendar
Canvas
Link 英文 自動翻訳 059 Drawing on the Canvas and rotate キャンバスに描画して回転 060 Transparent Canvas with chroma keying クロマキー付きの透明なキャンバス
Chart
Checkbox
Colorwheel
Dropdown
Image button
Keyboard
Label
LED
Line
List
Link 英文 自動翻訳 087 Simple List 簡単なリスト 088 Sorting a List using up and down buttons 上ボタンと下ボタンを使用してリストを並べ替える
Menu
Messqage box
Roller
Link 英文 自動翻訳 099 Simple Roller シンプルローラー 100 Styling the roller ローラーのスタイリング 101 add fade mask to roller ローラーにフェードマスクを追加
Slider
Link 英文 自動翻訳 102 Simple Slider シンプルなスライダー 103 Slider with custom style カスタムスタイルのスライダー 104 Slider with extended drawer 拡張引き出し付きスライダー