「App:Library:LVGL」の版間の差分
23行目: | 23行目: | ||
インストールフォルダの中にある '''User_Setup.h''' を直接エディタで編集します。 | インストールフォルダの中にある '''User_Setup.h''' を直接エディタで編集します。 | ||
場所は、"ファイル"→"環境設定"→"スケッチブックの保存場所" の "libraries/TFT_eSPI" 内です。 | 場所は、"ファイル"→"環境設定"→"スケッチブックの保存場所" の "libraries/TFT_eSPI" 内です。 | ||
+ | </blockquote> | ||
+ | {| class="wikitable" | ||
+ | |+ | ||
+ | !元 | ||
+ | !変更後 | ||
+ | !説明 | ||
+ | |- | ||
+ | | | ||
+ | | | ||
+ | | | ||
+ | |- | ||
+ | | | ||
+ | | | ||
+ | | | ||
+ | |- | ||
+ | | | ||
+ | | | ||
+ | | | ||
+ | |} | ||
+ | <blockquote> | ||
+ | <blockquote> | ||
38行目: | 59行目: | ||
<blockquote> | <blockquote> | ||
<strong> 日本語訳 </strong> | <strong> 日本語訳 </strong> | ||
− | == [https://docs-lvgl-io.translate.goog/8.2/?_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja&_x_tr_pto=wapp LVGL Ver8.2 docs] | + | ==[https://docs-lvgl-io.translate.goog/8.2/?_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja&_x_tr_pto=wapp LVGL Ver8.2 docs]== |
<blockquote> | <blockquote> | ||
:{| class="wikitable" | :{| class="wikitable" | ||
| | | | ||
− | ==== [[App:Library:LVGL:docs:Introduction|Introduction]] ==== | + | ====[[App:Library:LVGL:docs:Introduction|Introduction]]==== |
|[[App:Library:LVGL:docs:Introduction#Introduction|Introduction]] | |[[App:Library:LVGL:docs:Introduction#Introduction|Introduction]] | ||
[[App:Library:LVGL:docs:Introduction#Requirements|Requirements]] | [[App:Library:LVGL:docs:Introduction#Requirements|Requirements]] | ||
55行目: | 76行目: | ||
|- | |- | ||
| | | | ||
− | ==== [[App:Library:LVGL:docs:Examples|Examples]] ==== | + | ====[[App:Library:LVGL:docs:Examples|Examples]]==== |
|[[App:Library:LVGL:docs:Examples#Get started|Get started]] | |[[App:Library:LVGL:docs:Examples#Get started|Get started]] | ||
71行目: | 92行目: | ||
|- | |- | ||
| | | | ||
− | ==== [[App:Library:LVGL:docs:Get started|Get started]] ==== | + | ====[[App:Library:LVGL:docs:Get started|Get started]]==== |
|[[App:Library:LVGL:docs:Get started#Quick overview|Quick overview]] | |[[App:Library:LVGL:docs:Get started#Quick overview|Quick overview]] | ||
83行目: | 104行目: | ||
|- | |- | ||
| | | | ||
− | ==== [[App:Library:LVGL:docs:Porting|porting]] ==== | + | ====[[App:Library:LVGL:docs:Porting|porting]]==== |
|[[App:Library:LVGL:docs:Porting:Set up a project|Set up a project]] | |[[App:Library:LVGL:docs:Porting:Set up a project|Set up a project]] | ||
101行目: | 122行目: | ||
|- | |- | ||
| | | | ||
− | ==== [[App:Library:LVGL:docs:Overview|Overview]] ==== | + | ====[[App:Library:LVGL:docs:Overview|Overview]]==== |
|[[App:Library:LVGL:docs:Overview:Objects|Objects]] | |[[App:Library:LVGL:docs:Overview:Objects|Objects]] | ||
137行目: | 158行目: | ||
|- | |- | ||
| | | | ||
− | ==== [[App:Library:LVGL:docs:Widgets|Widgets]] ==== | + | ====[[App:Library:LVGL:docs:Widgets|Widgets]]==== |
|[[App:Library:LVGL:docs:Widgets:Base object|Base object (lv_obj)]] | |[[App:Library:LVGL:docs:Widgets:Base object|Base object (lv_obj)]] | ||
146行目: | 167行目: | ||
| | | | ||
− | ==== [[App:Library:LVGL:docs:Layouts|Layouts]] ==== | + | ====[[App:Library:LVGL:docs:Layouts|Layouts]]==== |
|[[App:Library:LVGL:docs:Layouts:Flex|Flex]] | |[[App:Library:LVGL:docs:Layouts:Flex|Flex]] | ||
152行目: | 173行目: | ||
|- | |- | ||
| | | | ||
− | ==== [[App:Library:LVGL:docs:3rd party libraries|3rd party libraries]] ==== | + | ====[[App:Library:LVGL:docs:3rd party libraries|3rd party libraries]]==== |
|[[App:Library:LVGL:docs:3rd party libraries:File System Interfaces|File System Interfaces]] | |[[App:Library:LVGL:docs:3rd party libraries:File System Interfaces|File System Interfaces]] | ||
173行目: | 194行目: | ||
| | | | ||
− | ==== [[App:Library:LVGL:docs:Others|Others]] ==== | + | ====[[App:Library:LVGL:docs:Others|Others]]==== |
|[[App:Library:LVGL:docs:Others:Snapshot|Snapshot]] | |[[App:Library:LVGL:docs:Others:Snapshot|Snapshot]] | ||
181行目: | 202行目: | ||
|- | |- | ||
| | | | ||
− | ==== [[App:Library:LVGL:docs:Contributing|Contributing]] ==== | + | ====[[App:Library:LVGL:docs:Contributing|Contributing]]==== |
|[[App:Library:LVGL:docs:Contributing|Introduction]] | |[[App:Library:LVGL:docs:Contributing|Introduction]] | ||
192行目: | 213行目: | ||
| | | | ||
− | ==== [[App:Library:LVGL:docs:Changelog|Changelog]] ==== | + | ====[[App:Library:LVGL:docs:Changelog|Changelog]]==== |
! | ! | ||
|- | |- | ||
| | | | ||
− | ==== [[App:Library:LVGL:docs:Roadmap|Roadmap]] ==== | + | ====[[App:Library:LVGL:docs:Roadmap|Roadmap]]==== |
! | ! | ||
|} | |} | ||
407行目: | 428行目: | ||
| | | | ||
|- | |- | ||
− | | [https: / youtu.be r62vfOhWXeo ESP32 | [https://youtu.be/r62vfOhWXeo ESP32 | LVGL8 | Ep3.WiFi設定の基本プロジェクト] | + | | [https: / youtu.be r62vfOhWXeo ESP32 |[https://youtu.be/r62vfOhWXeo ESP32 | LVGL8 | Ep3.WiFi設定の基本プロジェクト] |
| | | | ||
| | | | ||
444行目: | 465行目: | ||
=== インストール === | === インストール === | ||
<blockquote>次の順にインストールします。<BR /> | <blockquote>次の順にインストールします。<BR /> | ||
− | # [[App:Library:LVGL:Install:Git|'''<u>Git</u>''']] | + | #[[App:Library:LVGL:Install:Git|'''<u>Git</u>''']] |
− | # [[App:Library:LVGL:Install:ESP-IDF+Eclipse|<u>'''ESP-IDF+Eclipse'''</u>]] | + | #[[App:Library:LVGL:Install:ESP-IDF+Eclipse|<u>'''ESP-IDF+Eclipse'''</u>]] |
− | # [[App:Library:LVGL:Install:SquareLine Studio|'''<u>SquareLine Studio</u>''']] | + | #[[App:Library:LVGL:Install:SquareLine Studio|'''<u>SquareLine Studio</u>''']] |
</blockquote> | </blockquote> | ||
− | === [https://docs.squareline.io/docs/squareline Readme] 日本語訳 === | + | ===[https://docs.squareline.io/docs/squareline Readme] 日本語訳 === |
<blockquote>https://docs.squareline.io/docs/squareline/ | <blockquote>https://docs.squareline.io/docs/squareline/ | ||
:{| class="wikitable" | :{| class="wikitable" | ||
591行目: | 612行目: | ||
|- | |- | ||
!参考 | !参考 | ||
− | | [https: / macsbug.wordpress.com 2022 03 24 lvgl-8-demo-with-800x480-lcd-and-esp32-s2-wrover ?fbclid="IwAR3JAlZiRCHGd-eUxfT8U8jR_IPlRZe0KeArEygn-sI4XTmKXcNU7sqFH0U" LVGL 8 demo with 800×480 LCD and ESP32 S2 WROVER | [https://macsbug.wordpress.com/2022/03/24/lvgl-8-demo-with-800x480-lcd-and-esp32-s2-wrover/?fbclid=IwAR3JAlZiRCHGd-eUxfT8U8jR_IPlRZe0KeArEygn-sI4XTmKXcNU7sqFH0U macsbug | LVGL 8 demo with 800×480 LCD and ESP32 S2 WROVER] | + | | [https: / macsbug.wordpress.com 2022 03 24 lvgl-8-demo-with-800x480-lcd-and-esp32-s2-wrover ?fbclid="IwAR3JAlZiRCHGd-eUxfT8U8jR_IPlRZe0KeArEygn-sI4XTmKXcNU7sqFH0U" LVGL 8 demo with 800×480 LCD and ESP32 S2 WROVER |[https://macsbug.wordpress.com/2022/03/24/lvgl-8-demo-with-800x480-lcd-and-esp32-s2-wrover/?fbclid=IwAR3JAlZiRCHGd-eUxfT8U8jR_IPlRZe0KeArEygn-sI4XTmKXcNU7sqFH0U macsbug | LVGL 8 demo with 800×480 LCD and ESP32 S2 WROVER] |
----[https://www.osrtos.com/library/littlevgl/ OSRTOS | LittlevGL] [https://www-osrtos-com.translate.goog/library/littlevgl/?_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja&_x_tr_pto=wapp (訳)] | ----[https://www.osrtos.com/library/littlevgl/ OSRTOS | LittlevGL] [https://www-osrtos-com.translate.goog/library/littlevgl/?_x_tr_sl=en&_x_tr_tl=ja&_x_tr_hl=ja&_x_tr_pto=wapp (訳)] | ||
|- | |- |
2022年8月11日 (木) 23:28時点における版
Arduino IDE
install
library:lv_Arduino
Arduino IDEを起動、"ツール" → "ライブラリを管理..." → 検索:"LVGL""lv_arduino" をインストールします。
lvgl,lv_exampleはArduino非対応のため、インストールされているとlv_arduinoが正しく動作しません。
既にインストールされている時は消去して下さい。
フォルダ丸ごと消してからアプリを再起動すればアンインストール完了です。
場所は、"ファイル"→"環境設定"→"スケッチブックの保存場所" の "libraries" フォルダ内です。以上でインストール完了です。
動作確認
library:TFT_eSPIのインストール
実際に画像を表示して動作確認するため、このディスプレイドライバをインストールします。
Arduino IDEを起動、"ツール" → "ライブラリを管理..." → 検索:"TFT_eSPI"
インストールフォルダの中にある User_Setup.h を直接エディタで編集します。 場所は、"ファイル"→"環境設定"→"スケッチブックの保存場所" の "libraries/TFT_eSPI" 内です。
元 変更後 説明
スケッチ例を動かす
タッチセンサと画像表示の両方を確認するため、スライダーを動かすサンプルを動かします。 "ファイル" → "スケッチ例" → "lv_arduino" → "ESP32_TFT_Slider"
eclipse IDE
日本語訳
LVGL Ver8.2 docs
LVGL Readme (github)
LVGL Tutorial Video
SquareLine Studio
[EN]
インストール
次の順にインストールします。
Readme 日本語訳
https://docs.squareline.io/docs/squareline/
Welcome
ようこそ
[EN] Welcome Introduction (2)
はじめに
[EN] Overview [EN] Typical Development Workflow
[EN] Installation ★
Designer environment
環境
[EN] How to use the SquareLine Studio layout?
Panels
[EN] Launcher
[EN] Preferences
[EN] Project Settings
[EN] Animation Panel
[EN] Asset Panel
[EN] Console Panel
[EN] Font Manager Panel
[EN] Hierarchy Panel
[EN] History Panel
[EN] Inspector Panel
[EN] Widget PanelStyles
スタイル
[EN] Styles Events and Actions
イベントとアクション
Events and Actions [EN] Miscellaneous
その他
[EN] Changelog [EN] How to upgrade SquareLine Studio to an up-to-date version?
Tutorials
チュートリアル
[EN] Tutorial 1 - Trying out an Example チュートリアル ビデオ
Link
LVGL 公式
LVGL https://lvgl.io/ (訳) LVGL docs https://docs.lvgl.io/master/index.html (訳) Github https://github.com/lvgl/lvgl (訳) SquareLine Studio https://squareline.io/ SquareLine Studio docs https://docs.squareline.io/docs/squareline/ (訳) LVGL's Blog (ESP32関連)
2019/08/05 Pure Micropython Display Driver (訳) 2019/02/23 New release v5.3 - Micropython support, New object types, new features (訳)
2019/02/02 How to use the iPod Nano 6 LCD for LittlevGL (訳)
2019/01/31 Espressif officially supports LittlevGL on ESP32! Let's try it! (訳)
2018/12/26 LittlevGL References (訳)
関連資料 (ESP32+LVGL)
補足事項
- Arduino IDE の場合、ライブラリマネージャからLVGLをインストール可。
- Linux(ubuntu) に Eclipse + ESP-IDF を入れる方法:1 , 2 ,
- LVGLは旧名LittlevGL
- LVGL作者は基本的には Linux+Eclipse+SDK の環境