「App:Library:LVGL:docs:Examples」の版間の差分
提供: robot-jp wiki
ナビゲーションに移動検索に移動288行目: | 288行目: | ||
|オブジェクトをドラッグ可能にする | |オブジェクトをドラッグ可能にする | ||
|} | |} | ||
− | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る] | + | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る : Previous] |
=== Arc === | === Arc === | ||
307行目: | 307行目: | ||
|アーク付きローダー | |アーク付きローダー | ||
|} | |} | ||
− | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る] | + | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る : Previous] |
=== Bar === | === Bar === | ||
346行目: | 346行目: | ||
|現在の値を表示するカスタムドロワー | |現在の値を表示するカスタムドロワー | ||
|} | |} | ||
− | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る] | + | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る : Previous] |
=== Button === | === Button === | ||
370行目: | 370行目: | ||
|グミボタン | |グミボタン | ||
|} | |} | ||
− | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る] | + | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る : Previous] |
=== Button matrix === | === Button matrix === | ||
394行目: | 394行目: | ||
|ページ付け | |ページ付け | ||
|} | |} | ||
− | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る] | + | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る : Previous] |
=== Calendar === | === Calendar === | ||
408行目: | 408行目: | ||
|ヘッダー付きカレンダー | |ヘッダー付きカレンダー | ||
|} | |} | ||
− | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る] | + | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る : Previous] |
=== Canvas === | === Canvas === | ||
427行目: | 427行目: | ||
|クロマキー付きの透明なキャンバス | |クロマキー付きの透明なキャンバス | ||
|} | |} | ||
− | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る] | + | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る : Previous] |
=== Chart === | === Chart === | ||
476行目: | 476行目: | ||
|積み上げ面グラフ | |積み上げ面グラフ | ||
|} | |} | ||
− | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る] | + | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る : Previous] |
=== Checkbox === | === Checkbox === | ||
495行目: | 495行目: | ||
|ラジオボタンとしてのチェックボックス | |ラジオボタンとしてのチェックボックス | ||
|} | |} | ||
− | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る] | + | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る : Previous] |
=== Colorwheel === | === Colorwheel === | ||
509行目: | 509行目: | ||
|シンプルなカラーホイール | |シンプルなカラーホイール | ||
|} | |} | ||
− | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る] | + | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る : Previous] |
=== Dropdown === | === Dropdown === | ||
553行目: | 553行目: | ||
|画像のオフセットとスタイリング | |画像のオフセットとスタイリング | ||
|} | |} | ||
− | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る] | + | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る : Previous] |
=== Image button === | === Image button === | ||
567行目: | 567行目: | ||
|シンプルな画像ボタン | |シンプルな画像ボタン | ||
|} | |} | ||
− | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る] | + | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る : Previous] |
=== Keyboard === | === Keyboard === | ||
581行目: | 581行目: | ||
|テキストエリア付きキーボード | |テキストエリア付きキーボード | ||
|} | |} | ||
− | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る] | + | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る : Previous] |
=== Label === | === Label === | ||
610行目: | 610行目: | ||
|グラデーションカラーでラベルを描く | |グラデーションカラーでラベルを描く | ||
|} | |} | ||
− | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る] | + | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る : Previous] |
=== LED === | === LED === | ||
624行目: | 624行目: | ||
|カスタムスタイルのLED | |カスタムスタイルのLED | ||
|} | |} | ||
− | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る] | + | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る : Previous] |
=== Line === | === Line === | ||
638行目: | 638行目: | ||
|シンプルなライン | |シンプルなライン | ||
|} | |} | ||
− | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る] | + | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る : Previous] |
=== List === | === List === | ||
657行目: | 657行目: | ||
|上ボタンと下ボタンを使用してリストを並べ替える | |上ボタンと下ボタンを使用してリストを並べ替える | ||
|} | |} | ||
− | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る] | + | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る : Previous] |
=== Menu === | === Menu === | ||
711行目: | 711行目: | ||
|円グラフ | |円グラフ | ||
|} | |} | ||
− | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る] | + | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る : Previous] |
=== Messqage box === | === Messqage box === | ||
725行目: | 725行目: | ||
|シンプルなメッセージボックス | |シンプルなメッセージボックス | ||
|} | |} | ||
− | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る] | + | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る : Previous] |
=== Roller === | === Roller === | ||
749行目: | 749行目: | ||
|ローラーにフェードマスクを追加 | |ローラーにフェードマスクを追加 | ||
|} | |} | ||
− | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る] | + | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る : Previous] |
=== Slider === | === Slider === | ||
773行目: | 773行目: | ||
|拡張引き出し付きスライダー | |拡張引き出し付きスライダー | ||
|} | |} | ||
− | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る] | + | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る : Previous] |
=== Span === | === Span === | ||
787行目: | 787行目: | ||
|カスタムスタイル付きSPAN | |カスタムスタイル付きSPAN | ||
|} | |} | ||
− | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る] | + | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る : Previous] |
=== Spinbox === | === Spinbox === | ||
801行目: | 801行目: | ||
|シンプルなスピンボックス | |シンプルなスピンボックス | ||
|} | |} | ||
− | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る] | + | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る : Previous] |
=== Spinner === | === Spinner === | ||
815行目: | 815行目: | ||
|シンプルなスピナー | |シンプルなスピナー | ||
|} | |} | ||
− | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る] | + | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る : Previous] |
=== Switch === | === Switch === | ||
829行目: | 829行目: | ||
|シンプルなスイッチ | |シンプルなスイッチ | ||
|} | |} | ||
− | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る] | + | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る : Previous] |
=== Table === | === Table === | ||
848行目: | 848行目: | ||
|テーブルからの軽量化されたリスト | |テーブルからの軽量化されたリスト | ||
|} | |} | ||
− | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る] | + | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る : Previous] |
=== Tabview === | === Tabview === | ||
882行目: | 882行目: | ||
|テキストの自動フォーマット | |テキストの自動フォーマット | ||
|} | |} | ||
− | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る] | + | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る : Previous] |
=== Tabview === | === Tabview === | ||
896行目: | 896行目: | ||
|コンテンツ付きのタイルビュー | |コンテンツ付きのタイルビュー | ||
|} | |} | ||
− | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る] | + | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る : Previous] |
=== Window === | === Window === | ||
910行目: | 910行目: | ||
|シンプルなウィンドウ | |シンプルなウィンドウ | ||
|} | |} | ||
− | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る] | + | :[https://robot-jp.com/wiki/index.php/App:Library:LVGL 戻る : Previous] |
2022年6月20日 (月) 22:02時点における版
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
Link | 英文 | 自動翻訳 | |
---|---|---|---|
044 | Simple Arc | シンプルアーク | |
045 | Loader with 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 拡張引き出し付きスライダー