App:Library:LVGL:Install:SquareLine Studio

提供: robot-jp wiki
ナビゲーションに移動検索に移動

https://squareline.io/

フォルダ構成

ここでは次のフォルダ構成を想定しています。

Windows Linux
インストール先  C:\Program Files\SquareLine Studio\ ~/SquareLine
Examples C:\Program Files\SquareLine Studio\examples ~/SquareLineBeta/examples
Log ??? ~/.config/unity3d/Game-Ever Bt_/SquareLine_Studio/


ダウンロード・インストール

試用する場合(30日間トライアル)と、ユーザ登録してから使う場合があります。
試用する場合、無料で30日間全機能を使えます。


ユーザー登録する場合の ライセンス は4種類、Trial も含めて 5種類 あります。

ここでは Personal ライセンスを想定しています。

Personal ライセンスは非商用の個人試用限定として無料で使い続ける事ができます。

どのライセンスでもインストールするファイルは同じです。

試用する場合 : Windows

SquareLine Studioのページを開きます。
https://squareline.io/

SquareLineStudio 01b.jpg
左下の "TRY IT FOR FREE" をクリックします。

SquareLineStudio 09.jpg
OSがWindowsの場合、"Windows"をクリックするとダウンロードが開始されます。
  SquareLine_Studio_Windows_v1_0_5.zip

Windowsの場合、ダウンロードが完了したら解凍すると実行ファイルが入っています。
   SquareLineStudio 11.jpg
これを実行するとインストールが開始されます。

SquareLineStudio 12.jpg
"Options"をクリックしてインストール先の設定をします。

SquareLineStudio 13.jpg
問題なければ "OK" で閉じます。

SquareLineStudio 14.jpg
"Install"

SquareLineStudio 15.jpg
"はい"

SquareLineStudio 16.jpg
"Finish"
これでインストールは完了です。


次にログインに進みます。

デスクトップ又はスタートメニューにある SuareLine Studio のアイコンからアプリを起動します。
SquareLineStudio 17.jpg
ダブルクリック

SquareLineStudio 18.jpg
丸の中の数字は試用期間の残りの日数です。この場合は残り16日間です。

青色のボタン "CONTINUE WITH TRIAL" をクリックしてアプリを起動します。




ユーザー登録してから使う場合 : Windows

インストールを開始する前に、"noreply@squareline.io" からのメールが届くように設定してください。

SquareLine Studioのページを開きます。
https://squareline.io/

SquareLineStudio 01.jpg
右上のボタン SquareLineStudio 02.jpg をクリックします。

SquareLineStudio 03.jpg
下の方にある "Sign up" をクリックします。

SquareLineStudio 04.jpg
First name・Last name・Email address・Password を記入します。

"I agree with the terms and conditions"をクリックしてONにします。

"私は人間です"をクリックすると次のようなウィンドウが出るので質問に答えます。
SquareLineStudio 05.jpg
この質問を通過すればこのウィンドウが閉じます。


SquareLineStudio 06.jpg
前の質問を通過できた場合、"私は人間です" の横に"✓"が記入されます。
"CREATE AN ACCOUNT"をクリックすると、登録したEmail宛に確認メールが送信されます。


メールは次のようになっています。
SquareLineStudio 07.jpg
"Verify Email Address"をクリックします。
すると、自動的に次のページが開きます。
SquareLineStudio 08.jpg
右上の "DOWNLOADS" をクリックします。

SquareLineStudio 09.jpg
OSがWindowsの場合、"Windows"をクリックするとダウンロードが開始されます。
 SquareLine_Studio_Windows_v1_0_5.zip

Windowsの場合、ダウンロードが完了したら解凍すると実行ファイルが入っています。
SquareLineStudio 11.jpg
これを実行してインストールを開始します。


SquareLineStudio 12.jpg
"Options"をクリックしてインストール先の設定をします。

SquareLineStudio 13.jpg
問題なければ "OK" で閉じます。

SquareLineStudio 14.jpg
"Install"

SquareLineStudio 15.jpg
"はい"



SquareLineStudio 16.jpg
"Finish"
これでインストールは完了です。


次にログインに進みます。

デスクトップ又はスタートメニューにある SuareLine Studio のアイコンからアプリを起動します。
SquareLineStudio 17.jpg
ダブルクリック


SquareLineStudio 18.jpg
緑色のボタン "LOG IN" をクリックします。


SquareLineStudio 18b.jpg
先ほど登録した Email・Password を入力して、青色のボタン "LOG IN" をクリックします。

ライセンス選択画面が開きます。
SquareLineStudio 18c.jpg
PERSONALを選んで、"SELECT LICENSE" をクリックします。


SquareLineStudio 18d.jpg
ここまででライセンス登録処理は完了です。

"START SQUARELINE"をクリックしてアプリを起動します。

アプリ起動

Open Create Example
SquareLineStudio 19.jpg SquareLineStudio 20.jpg SquareLineStudio 21.jpg
既存ファイルを開く場合の画面です。 プログラムをゼロから作るのはココからです。 サンプルを使ってみる場合には、

ここから選びます。


フォルダ構成の全体像

プログラム

C:\Program Files\

SquareLine Studio\

実行ファイル

SquareLine_Studio.exe

board¥ LVGL\ ?ボードの情報?
examples\ 3d_Printer\

Audio_mixer\

Medical\

POS\

Thermostat\

サンプル
MonoBleedingEdge\ EmbedRuntime\

etc\

dll等
objects\ basics\

controller\

functions\

visualiser\

ウェイジット
ProjectTemplates\ Eclipse_project.zip

MakeFile_project.zip

テンプレート
server\
SquareLine_Studio_Data\ Managed\

Plugins\

Resources\


データ

C:\Users\■\Documents\

SquareLine\

assets\ アプリで使用する画像
backup\ backup
cache\
examples\ 3d_printer\

audio_mixer\

POS\

Thermostat\

サンプル用データ

・Font

・画像

export\ プログラム置き場

※フォルダを作ってから保存


戻る : Previous