SquareLine StudioでUI製作する際のマニュアルをご用意しました

私たちのガイドに従い、無料で個人使用できる SquareLine Studio を使用することで、次の ESP プロジェクト用の見栄えの良いユーザー インターフェイスを簡単かつ迅速に作成できます

エスプレッシフのソフトウェア エンジニアである Vilem Zavodny は、エスプレッシフの マイクロコントローラーユーザーが無料で個人使用できる SquareLine Studio を使用して、優れたユーザー インターフェース (UI)　を迅速かつ簡単に作成するのに役立つ簡単なガイドを作成しました。

Vilem 自身が次のように述べています。「幸いなことに、画面上に派手な UI を作成するためのグラフィカル ライブラリがたくさんあります。よく使用されるものの 1 つは、ESP マイクロコントローラーでサポートされているLVGLです。以前は、LVGL のようなグラフィカル ライブラリを使用する場合、洗練された UI を作成するために、API 関数とそれらを組み合わせる方法を知る必要がありました。これはもう当てはまりません！SquareLine Studioというツールがあり、 LVGL APIの知識がなくてもより優れた UI を作成できます。」

テクニカル ライターのGareth Halfacree 氏は次のように説明しています。「SquareLine Studioのアイデアの背景はシンプルです。通常分かれていたユーザーインターフェース資産をデザインするプロセルとスクリーンに描写して機能させるコードを書くプロセスを一体化したドラッグ アンド ドロップ インターフェイスです。組み込みプラットフォーム専用ではありません — このツールは、デスクトップ アプリケーション用のグラフィカル ユーザー インターフェイスを作成するためにも使用できます — しかし、互換性のあるマイクロコントローラー プラットフォームで素晴らしい仕事をします。」

エスプレッシフは、ユーザー向けに SquareLine Studio に 2 つのマイクロコントローラー ボード (ESP-BOX と ESP-WROVER-KIT) を用意しました。[Create] タブでアプリケーションを起動した後、[Espressif] タブで好みのボードを選択できます。各ボードには、ESP-BSP [Board Support Package] に対応して、生成されたコードで使用される画面サイズ、回転、色深度が事前に入力されています。

Vilem 氏は、これが「ディスプレイに洗練されたユーザー インターフェイスを作成するための非常に役立つツールである」と考えています。ボード テンプレートが追加された後も非常に使いやすいです。残念ながら、タブビューや別のウィジェットへのスタイルのコピーなどのウィジェットなど、いくつかのマイナーな機能がまだ不足しています。エスプレッシフ のマイクロコントローラーをコンパイルしてフラッシュすることも役に立ちます。」

Vilem氏 の完全なガイドは、Espressif の開発ブログであるESP Journalで見つけることができます。また、SquareLine Studio は、関連する Web サイトで入手できます。このツールは個人使用のみ無料で、他にもいくつかの制限があります。無料で使用できるのは、プロジェクトごとに 5つの画面と 50 のウィジェットに制限されています。その他の料金プランは、SquareLine の公式 Web サイトで確認できます。