スイッチ

「オン」 または 「オフ」 ビジュアル・スイッチ・ウィジェットを使用して、バイナリー値 (チェック・ボックスと同様) を表示します。

データ・バインディング

一般」プロパティーでビューのデータ・バインディングの設定や変更を行います。 ビューは、ブール変数にバインドする必要があります。 データ・タイプは Booleanです。

構成プロパティー

構成」で、ビューの外観プロパティーを設定または変更します。
画面サイズ
プロパティー名の横に画面サイズ・アイコン 画面サイズ・アイコン がある構成プロパティーは、画面サイズごとに異なる値を持つことができます。 値を設定しない場合、画面サイズはそのデフォルト値として次に大きい画面サイズの値を継承します。
テーマ定義
テーマ定義は、ビューの色およびスタイルを指定し、その外観を決定します。 ビューのルック・アンド・フィールをテーマ・エディターでプレビューできます。 テーマを参照してください。

以下の表に、スイッチの外観構成プロパティーを示します。

表 1. スイッチの外観構成プロパティー
外観構成プロパティー 説明 データ・タイプ
色のスタイル ビューの色のスタイルを指定します。 色は、指定したテーマの変数に対応します。 TooltipColorStyle
形状のスタイル スイッチに対して、以下に示すいずれかの形状スタイルを指定します。
  • デフォルト (丸め)
  • 正方形 (四角)
  • モダン (スライダー)

デフォルトの形状スタイルは、「デフォルト」(丸みをつける) です。

SwitchShapeStyle
サイズ・スタイル 画面サイズ・アイコン スイッチに対して、以下に示すいずれかのサイズ・スタイルを指定します。
  • デフォルト (中)
  • large

デフォルトのサイズ・スタイルは、「デフォルト」(中) です。

SwitchSizeStyle
ラベル・タイプ スイッチの「オン」位置と「オフ」位置を示す場合に、テキストとアイコンのどちらをラベルとして使用するかを指定します。 デフォルト値は TEXT です。 SwitchLabelType
オン・ラベル スイッチが「オン」位置にある場合に使用するラベルを指定します。 デフォルトでは、ラベルの値は指定されません。

ラベルに対してテキストを使用する場合は、「オン」位置を示すための任意のテキストを入力してください。 ラベルにアイコンを使用している場合は、 Font Awesome V4.7.0 Web サイトを参照することで、「オン」位置をグラフィカルに示すさまざまなアイコンから選択できます。 (Font Awesome 接頭部 fa- はオプションです)。

String
オフ・ラベル スイッチが「オフ」位置にある場合に使用するラベルを指定します。 デフォルトでは、ラベルの値は指定されません。

ラベルに対してテキストを使用する場合は、「オフ」位置を示すための任意のテキストを入力してください。 ラベルにアイコンを使用している場合は、 Font Awesome V4.7.0 Web サイトを参照することで、オフポジションをグラフィカルに示すさまざまなアイコンから選択できます。 (Font Awesome 接頭部 fa- はオプションです)。

String

イベント

「イベント」プロパティーでビューのイベント・ハンドラーの設定や変更を行います。 イベントをプログラムでトリガーするかユーザーがビューと対話したときにトリガーするように設定できます。 イベントを定義およびコーディングする方法については、 ユーザー定義イベントを参照してください。
スイッチには、以下のタイプのイベント・ハンドラーがあります。
  • On load: ページのロード時にアクティブ化されます。 例:
    me.setChecked(${Checkbox}.isChecked())
    ここで Checkbox は、チェック・ボックスのビュー ID です。
  • On change: 変更が検出されたときにアクティブ化されます。
    ${Section2}.setVisible(me.isChecked())
    ここで Section2 は、セクション・ビューのコントロール ID です。

方法

Switch に使用できるメソッドの詳細情報については、 Switch JavaScript API を参照してください。

その他のリソース

Coach またはページの作成方法については、 Coach の作成を参照してください。
標準プロパティー (「一般」「構成」「位置決め」「可視性」、および 「HTML 属性」) について詳しくは、 「プロパティーの表示」を参照してください。