- 印刷する
この記事では、Base Layout を使って再現性の高いステップデザインを構築する方法を紹介します。
概要
この記事では、以下のことを学びます。
- 基本レイアウトを使用してアプリを設計する方法
- Base Layoutの各ステップにTriggerを適用する方法
注:このトピックは、Tulip Universityの「Basic App Design and Logic」コースで紹介されています。
Base Layoutを使うと、アプリ内のすべての新しいステップに適用されるテキスト、ボタン、ウィジェット、フォーマットを簡単に追加することができます。
ベースレイアウトステップにウィジェットを追加すると、アプリ内のすべてのステップに表示され、追加したステップにも表示されるようになります。
ベースレイアウトからウィジェットを削除すると、全てのステップからウィジェットが削除されます。以下の手順に従って、ベースレイアウトにエレメントを追加、削除してください。
ベースレイアウトにウィジェットを追加する。
- Apps' タブからアプリを開きます。
- 以下のように、App Editorの左下にあるBase Layoutステップをクリックします。
{height="" width="350"}.
- テキスト、変数、ボタン、その他のWidgetをBase Layoutに挿入します。
- 各ステップに新しいウィジェットが存在することを確認します。
個々のステップのベースレイアウトからウィジェットを削除する
あるウィジェットを、1つのステップを除くすべてのステップに表示させたいとします。各ステップにウィジェットをコピー&ペーストする必要がないように、1つのステップからウィジェットを削除する必要があります。
- ウィジェットをクリックし、リサイズハンドルがないことに注意してください。
- コンテキスト・ペイン]で[ロック解除]ボタンをクリックします。
{height="" width="300"}.
- これで、ウィジェットはベースレイアウトのロックが解除され、そのステップにのみ所属するようになりました。この個別のウィジェットにカスタマイズ(色の変更、トリガーの追加など)を追加しても、他のステップに影響することはありません。
さらに、ベースレイアウトから全てのウィジェットを、一つずつ選択するのではなく、一度に削除したい場合もあります。これは、コンテキストペインの「ステップ」タブ上部にある「歯車」アイコンで行えます。
また、いくつかのウィジェットを削除した後、すべてのベースレイアウトウィジェットを復元することもできます。
ベースレイアウトでトリガーを使用する
ベースレイアウトにステップトリガーを追加することもできます。これらのトリガーは、ステップが開かれたり、ステップが閉じられたり、マシンや接続されたデバイスからの外部イベントが発生したときに実行されます。
これらのステップトリガーをベースレイアウトに追加すると、コンテキストペインに表示され、アプリ内の全てのステップに自動的に適用されます。
しかし、別のステップを選択すると、トリガーが存在してもコンテキストペインに表示されなくなります。つまり、個々のステップからこれらのステップトリガーを削除することはできません。
参考文献
探していたものは見つかりましたか?
また、community.tulip.coに質問を投稿したり、他の人が同じような質問に直面していないかどうかを確認することができます。