スライダー
ハンドル付きのスライダーを作成します。このハンドルをドラッグして、数値を増減できます。 数値は、数値の範囲から選択できます。また、ハンドルをスライドしたときにスライダーの数値を増減するステップ値を指定できます。
構成プロパティー
「構成」で、ビューの外観および動作プロパティーを設定または変更します。 「イベント」で、数式構成プロパティーを設定します。
- 画面サイズ
- プロパティー名の横に画面サイズ・アイコン
がある構成プロパティーは、画面サイズごとに異なる値を持つことができます。 値を設定しない場合、画面サイズはそのデフォルト値として次に大きい画面サイズの値を継承します。
- テーマ定義
- テーマ定義は、ビューの色およびスタイルを指定し、その外観を決定します。 ビューのルック・アンド・フィールをテーマ・エディターでプレビューできます。 テーマを参照してください。
以下の表に、スライダー・ビューの外観構成プロパティーを示します。
| 外観構成プロパティー | 説明 | データ・タイプ |
|---|---|---|
| 垂直 |
選択すると、スライダーが水平ではなく、垂直に表示されます。 | Boolean |
| 色のスタイル | スライダーの色のスタイルを指定します。 色は、指定したテーマの変数に対応します。 | String |
| 高さ |
スライダーの高さを指定します (px (ピクセル) または em 単位)。 単位タイプが指定されていない場合は、px とみなされます。 | String |
| 幅 |
スライダーの幅を、ピクセル単位、パーセント単位、または em 単位で指定します。 例えば、 50px 、 20% 、または 0.4emなどです。 単位タイプが指定されていない場合は、px とみなされます。 | String |
| 境界線半径 | スライダー・バーの角の曲率半径を指定します。 | String |
| ハンドルの幅 |
ハンドルの幅を px (ピクセル) 単位または em 単位で指定します。 例: 50px または 0.4em。 単位が指定されていない場合は、px と見なされます (% は使用しないでください)。 | String |
| ハンドル半径 | ハンドルの角の曲率半径を指定します。 | String |
| 現在の値を表示 | 現行のスライダー値を表示します。これは、別の値を入力すると変更できます。 | Boolean |
| 制限値を表示 | スライダー範囲の最小値と最大値を表示します。 | Boolean |
以下の表に、スライダー・ビューの動作構成プロパティーをリストします。
| 動作構成プロパティー | 説明 | データ・タイプ |
|---|---|---|
| 最小 (minimum) | スライダー範囲の最小値を指定します。 | Decimal |
| 最大 (maximum) | スライダー範囲の最大値を指定します。 | Decimal |
| ステップ | スライダーのステップ値を指定します。 | Decimal |
| タブ・インデックス | フォーム・コントロールのタブ・シーケンスのインデックスを指定します。 タブのインデックスは 1 から始まり、スパースに設定することができます。 例えば、1、5、10 などと指定できます。 タブ・インデックス・プロパティーは、タブ・キーを押して UI エリア間を移動する場合に、タブ・シーケンスをコントロールします。 | Integer |
イベント
「イベント」プロパティーで数式構成プロパティーおよびビューのイベント・ハンドラーの設定や変更を行います。 イベントをプログラムでトリガーするかユーザーがビューと対話したときにトリガーするように設定できます。 イベントの定義方法およびコーディング方法については、 ユーザー定義イベントを参照してください。以下の表に、スライダー・ビューの数式構成プロパティーを示します。
| 数式構成プロパティー | 説明 | データ・タイプ |
|---|---|---|
| 値の数式 | ビューのスライダー値を自動計算するときに使用する数式または式を指定します。 デフォルトでは、数式は指定されていません。 数式について詳しくは、 数式を参照してください。 |
String |
スライダー・ビューには、以下のタイプのイベント・ハンドラーがあります。
- On load: ビューのロード時にアクティブ化されます。 例：
me.setValue(50) - On change: スライダー値の変更時にアクティブ化されます。 例：
if (newVal > 50) {${icon}.setIcon("smile-o");} else {${icon}.setIcon("frown-o");}
方法
スライダー・ビューに使用できるメソッドの詳細情報については、 Slider JavaScript API を参照してください。
その他のリソース
Coach またはページの作成方法については、 Coach の作成を参照してください。
標準プロパティー (「一般」、 「構成」、 「位置決め」、 「可視性」、および 「HTML 属性」) について詳しくは、 「プロパティーの表示」を参照してください。