ボタンウィジェット
  • 22 Sep 2022
  • 1 読む分
  • 寄稿者

ボタンウィジェット


Article Summary

アプリでボタンを使用する方法

ボタンウィジェットは、アプリにトリガーを作成するための主要な方法の1つです。

特定のステップにボタンを追加するには、Tulip App Editorでステップを開き、ツールバーの "Buttons "をクリックします。

{height="" width=""}をクリックします。

ボタンを追加するためのオプションは5つあります。そのうちの4つは、あらかじめ定義されたロジックが関連付けられています。

  • ボタンロジックが定義されていない唯一のオプションです。 カスタムボタンを作成するには、「ボタン」を選択し、このガイドに従ってカスタムロジックを追加してください。
  • Previous: 「Previous」ボタンは、オペレータが最後にいたステップに移動します。
  • メニューMenu "ボタンを押すとメニューが表示され、オペレータはコメントの追加、一時停止、再起動、使用中のアプリの切り替えを行うことができます。 また、Tulip Playerからログアウトしたり、Tulip Playerで動作している言語を変更することもできます。
  • 次へ次へ]ボタンを押すと、アプリの流れに沿って次のステップに進みます。
  • 完了: 「完了」 ボタンは、オペレータが実行中のアプリ**を完了させます。

ボタンにカスタムトリガーを追加する方法

ボタントリガーを使うと、アプリ内でボタンが押されたときに特定のActionやTransitionを実行することができます。

**注意:**ボタンウィジェットは、フォームステップに挿入することはできません。

ここでは、ボタンにトリガーを追加する方法を説明します。

1- ツールバーの "Buttons "ドロップダウンをクリックし、使用したいボタンの種類を選択して、アプリに新しいボタンウィジェットを挿入します。

この例では、最初のオプションである "Button "を使用して、カスタムボタンを作成します。

{高さ="" 幅=""}.

2- 新しいボタンを選択し、コンテキストペインの "Triggers "の隣にあるプラスアイコンをクリックします。

{height=" width=""} 2- 新しいボタンを選択し、コンテキストペインの "トリガー "の隣にあるプラスアイコンを押します。

3- これで、トリガーエディタが表示されます。

トリガーエディターでタイトルをクリックして、トリガーに名前を付けます。

{height=" width=""} 4- 次に、トリガーを設定します。

4- 次に、IF条件を設定します。この行は空白のままでも、必要性に応じて条件���追加することができます。

{4- 次に、IF条件を設定します。}

新しい条件を追加 "ボタンで、1つの条件または複数の条件を追加することができます。

ドロップダウン・メニューから「all」または「any」条件を選択することで、複数の論理的条件を設定することができます。

5- アクションの設定**(THEN**) - ドロップダウンメニューからアクションを1つ選択します。この例では、チューリップの管理者にSMSアラートを送信します。

Then "セクションの "Add new action "ボタンを押して、アクションを追加します。

{height="" width=""}.

ドロップダウンメニューから「SMSを送信」を選択します。

ドロップダウンメニューから、SMSを送信する相手を選択します。

{height="" width=""}.

このメニューは、電話番号を確認した管理者のみが利用できますので、ご注意ください。

メッセージのドロップダウンメニューから、メッセージの種類を選択します。選択肢は3つです。

  • Expression(式)。
  • Static Value(静的な値)。
  • アプリ情報です。

テキストを送信する場合は、Static Valueを選択し、テキストボックスに送信するテキストを入力します。

{height="" width=""}.

**6(オプション)-**アプリを完了したり、次のステップに進むことができるようにトランジションを追加します。

{height="" width=""}.

ボタンのスタイリング

Tulipにアップロードされたボタンの以下のプロパティは、画面右側のContext Paneで編集することができます。

  • フォントサイズ
  • フォントの色
  • フォントのスタイル
  • ボタンの文字揃え
  • ボタンの色
  • サイズ
  • 回転数
  • ドロップシャドウ
  • ボーダー半径
  • 点滅

参考文献


お探しのものは見つかりましたか?

また、community.tulip.coに質問を投稿したり、他の人が同じような質問に直面していないか確認することもできます。


この記事は役に立ちましたか?