フローを作成する
フローはテンプレートから作成することも、ゼロから作成することもできます。
フローを作成する
- Flows ページを開きます。
- Create flow をクリックします。
- オプションを選択します：
- Browse templates（テンプレートライブラリを開く）
- Start from scratch（空のフローを作成する）
- エディターでフローの名前を変更します。ヘッダーのフロー名をクリックして新しい名前を入力してください。
Adapty では同じ名前のフローを複数作成できます。新しいフローを作成するたびに名前を変更しないと、区別しにくい Untitled フローが複数できてしまいます。
テンプレートを使う
テンプレートライブラリには、フローの出発点として使えるテンプレートが複数用意されています。それぞれのテンプレートは複数のスクリーン、インタラクティブな要素、ナビゲーション機能を備えた完成済みのフローです。任意の要素を編集してカスタマイズできます。
テンプレートを適用するには:
- テンプレートライブラリでテンプレートカードを確認します。各カードにはフローのプレビュースクリーンショットが表示されます。
- 使いたいカードの Use as template をクリックします。 テンプレートがビルダーに読み込まれます。ここから、任意の要素、画面、またはプロパティを変更できます。
ゼロから始める
「ゼロから始める」を選ぶと、空白の画面が1つだけあるフローが作成されます。エレメントライブラリのエレメントを使って画面をデザインしてください。
テンプレートを変更する
ビルダー内からテンプレートを切り替えられます。Screens パネルを開き、Templates ボタンをクリックしてテンプレートライブラリを再度開き、新しいテンプレートを選んでください。
新しいテンプレートを適用すると、現在のフローの下書きが置き換えられます。Adapty が確認を求めるので、続行する場合は Use template を、下書きを残す場合は Cancel をクリックしてください。確定後は以前の下書きを復元できません。公開済みのフローはそのまま有効です。
テンプレートのカスタムフォント
関連記事：フローボルダーのカスタムフォント
Custom font チップが付いているテンプレートはカスタムフォントを使用しています。これらのフォントは SDK には同梱されていません。チップにカーソルを合わせると、テンプレートで使用されているフォントを確認できます。
デバイス上で意図したタイポグラフィを表示するには、フォントファイルをアプリバンドルに追加してください。フォントが同梱されていない古いバージョンのアプリでは、システムフォントにフォールバックします。 フォントを変更しても古いバージョンに影響を与えないようにするには、フローを複製し、コピー側でフォントを変更して、そのコピーを該当フォントが含まれるアプリバージョンのユーザーに限定してください。