App:Library:Squareline:docs:introduction:tipycal dev
Typical development workflow
Create a New Project
原文 | 訳 |
---|---|
The first step is to create a new SquareLine Studio project. For further information, please check Getting Started section. At this moment you can create only a simulator project.
Using the simulator project, you can create a platform independent application. (In the later versions various development boards will be supported.) You have nothing to do but
By doing this, a new blank screen will be created automatically. Besides a new folder for the project will be added to the selected location containing some project files and an Assets folder. |
最初のステップは、新しい SquareLine Studio プロジェクトを作成することです。 詳細については、「はじめに」セクションを参照してください。 現時点では、シミュレータ プロジェクトのみを作成できます。
シミュレータ プロジェクトを使用すると、プラットフォームに依存しないアプリケーションを作成できます。 (以降のバージョンでは、さまざまな開発ボードがサポートされる予定です。)
これにより、新しい空白の画面が自動的に作成されます。 さらに、プロジェクト用の新しいフォルダーが、いくつかのプロジェクト ファイルと Assets フォルダーを含む選択した場所に追加されます。 |
Create and Organize Screen Content
原文 | 訳 |
---|---|
Images, created in Photoshop or any other designer software, should be copied into the Assets folder of the project.
Fonts, needed by the project, should be placed into the Asset/Font folder. These images and fonts will be appeared in the Assets Panel. |
Photoshop またはその他のデザイナー ソフトウェアで作成された画像は、プロジェクトの Assets フォルダーにコピーする必要があります。
プロジェクトで必要なフォントは、Asset/Font フォルダーに配置する必要があります。 これらの画像とフォントは、アセット パネルに表示されます。 |
Create Widgets and Events on the Screen
原文 | 訳 |
---|---|
You can find widgets (e.g. button, label, image, etc.) in the Widgets Panel.
To add these widgets to the screen you should click on the icon of the widget or simply drag it onto the screen. If a widget is selected, you can add events to it at the bottom of the Inspector Panel to create interactions or play an animation. |
ウィジェット パネルには、ウィジェット (ボタン、ラベル、画像など) があります。
これらのウィジェットを画面に追加するには、ウィジェットのアイコンをクリックするか、単に画面にドラッグします。 ウィジェットが選択されている場合は、インスペクター パネルの下部でウィジェットにイベントを追加して、インタラクションを作成したり、アニメーションを再生したりできます。 |
Simulate and Export Your Project
原文 | 訳 |
---|---|
Uniquely, you can test your working project directly in the SquareLine Studio in a blink of an eye.
Using the Play button in the top-right hand corner of the Screen area view, you can start the simulation of your project. In "Play mode", you have the opportunity to refine the settings of the widgets, including the parameters of styles and animations connected to them. |
SquareLine Studioでは、作業中のプロジェクトをそのまま瞬時にテストすることができるのが特徴です。
画面右上のプレイボタンで、プロジェクトのシミュレーションを開始できます。 プレイモードでは、ウィジェットに接続されたスタイルやアニメーションのパラメータを含む、ウィジェットの設定を調整することができます。 |
Export a project
原文 | 訳 |
---|---|
In the current version you can export ready to use simulator project for C/C++ and MicroPython languages. In File/Projet Settings you can set the target language and IDE/SDK.
You can select either MicroPython with MakeFile project or C/C++ with Eclipse project. In this window you can also change the resolution and color depth of the display.
By selecting a location project will be there in a few seconds.
Typically the project is exported only once (or a few times) and later only the UI files are updated in it. It ensures that your modifications in other parts of the project are not overwritten. |
現在のバージョンでは、C/C++ および MicroPython 言語のシミュレータ プロジェクトをすぐに使用できるようにエクスポートできます。 ファイル/プロジェクト設定では、ターゲット言語と IDE/SDK を設定できます。
MakeFile プロジェクトを使用する MicroPython または Eclipse プロジェクトを使用する C/C++ のいずれかを選択できます。 このウィンドウでは、ディスプレイの解像度と色深度も変更できます。
場所を選択すると、数秒でプロジェクトが表示されます。
通常、プロジェクトは 1 回 (または数回) だけエクスポートされ、後で UI ファイルのみが更新されます。 プロジェクトの他の部分での変更が上書きされないようにします。 |
Export UI files
原文 | 訳 |
---|---|
To actual UI files can be exported from the Export/Export Files menu.
It will also ask for a location for the files. This location is saved and if you export files later this path will be used. (It can be modified in the File/Project Setting/Export Path field.)
It means if you have prepared a project (e.g. for an embedded system) you can export the UI files there too. In this case, you need to write the drivers and take care of building the files.
For MicroPython these files are created
|
実際の UI ファイルは、メニューの Export/Export Files からエクスポートすることができます。
また、ファイルを保存する場所を尋ねられます。 この場所は保存され、後でファイルをエクスポートすると、このパスが使われます。 (これはFile/Project Setting/Export Pathフィールドで変更することができます)。
つまり、組み込みシステム用のプロジェクトがあれば、そこにUIファイルを書き出すことができます。 この場合、ドライバを記述し、ファイルのビルドを行う必要があります。
MicroPythonの場合、以下のファイルが作成されます。
|