フローを作成する

フローはテンプレートから作成することも、一から作成することもできます。

フローの作成についてさらに詳しく知りたいですか？YouTubeプレイリストでステップバイステップの動画チュートリアルをご覧ください。

フローを作成する

Create flow menu with Start from scratch and Browse templates options

Flows ページを開きます。
Create flow をクリックします。
オプションを選択します：
- Browse templates（テンプレートライブラリを開く）
- Start from scratch（空のフローを作成する）
エディターでフローの名前を変更します。ヘッダーのフロー名をクリックして新しい名前を入力してください。

Adapty では同じ名前のフローを複数作成できます。新しいフローを作成するたびに名前を変更しないと、区別しにくい Untitled フローが複数できてしまいます。

テンプレートを使う

Template library modal with template cards

テンプレートライブラリには、フローの出発点として使えるテンプレートが複数用意されています。それぞれのテンプレートは複数のスクリーン、インタラクティブな要素、ナビゲーション機能を備えた完成済みのフローです。任意の要素を編集してカスタマイズできます。

テンプレートを適用するには:

テンプレートライブラリでテンプレートカードを確認します。各カードにはフローのプレビュースクリーンショットが表示されます。
使いたいカードの Use as template をクリックします。テンプレートがビルダーに読み込まれます。ここから、任意の要素、画面、またはプロパティを変更できます。

ゼロから始める

「ゼロから始める」を選ぶと、空白の画面が1つだけあるフローが作成されます。エレメントライブラリのエレメントを使って画面をデザインしてください。

テンプレートを変更する

ビルダー内からテンプレートを切り替えられます。Screens パネルを開き、Templates ボタンをクリックしてテンプレートライブラリを再度開き、新しいテンプレートを選んでください。

新しいテンプレートを適用すると、現在のフローの下書きが置き換えられます。Adapty が確認を求めるので、続行する場合は Use template を、下書きを残す場合は Cancel をクリックしてください。確定後は以前の下書きを復元できません。公開済みのフローはそのまま有効です。

テンプレートのカスタムフォント

関連記事：フローボルダーのカスタムフォント

Custom font chip on a template card with the warning tooltip

Custom font チップが付いているテンプレートはカスタムフォントを使用しています。これらのフォントは SDK には同梱されていません。チップにカーソルを合わせると、テンプレートで使用されているフォントを確認できます。

デバイス上で意図したタイポグラフィを表示するには、フォントファイルをアプリバンドルに追加してください。フォントが同梱されていない古いバージョンのアプリでは、シ��ステムフォントにフォールバックします。フォントを変更しても古いバージョンに影響を与えないようにするには、フローを複製し、コピー側でフォントを変更して、そのコピーを該当フォントが含まれるアプリバージョンのユーザーに限定してください。