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 give a name to your project select its location choose the resolution, color depth and a theme you prefer 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

原文	訳

Export a project

原文	訳

Export UI files

原文	訳

戻る : Previous