セグメントボタンカスタムウィジェット
  • 06 Mar 2024
  • 1 読む分
  • 寄稿者

セグメントボタンカスタムウィジェット


記事の要約

::: (info) () アプリをダウンロードするには、以下をご覧ください:ライブラリ:::3つのオプションから選べるセグメントボタン・カスタムウィジェットを使ってユーザーアクションを効率化する

目的

このカスタムウィジェットには、3つのオプションから選択できるセグメント化されたボタンが含まれています。これは、ある目的のために3つの別々の設定を持つアプリケーションに最適です。

設定

カスタムウィジェットプラグインは、プロパティとイベントを使用してアプリケーションと相互作用します。プロパティはアプリケーションとウィジェットの間に存在する共有データで、イベントはウィジェットがアプリケーションに送信できるシグナルです。アプリエディタでは、これらのイベントに基づいてトリガーを作成できます。イベントは、アプリケーションにデータを送信することもできます。

Segmented Button Custom Widgetは、3つのプロパティと1つのイベントを使用します。このウィジェットで使用されているプロパティは次のとおりです:Font Size: ボタン上に表示されるテキストのピクセル単位のフォントサイズ -**Option 1 Text:**最初のオプションのテキスト -オプション2のテキスト:Option 2 Text: 2番目のオプションのテキスト -**Option 3 Text:**オプション3のテキスト

このカスタムウィジェットは、Button Selectedという1つのイベントを利用します。戻り値は、左から右に押されたボタンに対応する整数 [1, 2, 3] です。

どのように動作するか

ユーザーがオプションを選択すると、ボタンが緑色に変わり、Tulip でイベントが発生します。別のボタンを選択すると、そのボタンは緑色になり、前に押されたボタンは無効になります。使用例としては、ユーザがどのボタンを押したかに基づいて、ウィジェットから発生したイベントが 1, 2, 3 の場合にアクションを実行するトリガを作成します。

さらなる読み物

カスタムウィジェットの詳細については、以下のサイトを参照してください:


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