RangeSlider (레인지슬라이더) Widget Control

RangeSliderウィジェットをスクリプトから制御するときに使用するWidget Control（Property · Method · Event）の一覧です。ウィジェットの紹介と使い方はRangeSliderドキュメントを参照してください。

備考

以下の例のrangesliderIDは、キャンバスでRangeSliderウィジェットに指定した名前（ID）です。スクリプトではwidgetID.memberの形式でアクセスします。

Widget Control一覧

Widget Control	種類	シグネチャ	説明
onChanged	Event	onChanged = (start, end) => { ... }	2つのハンドルのいずれかをドラッグしている間、連続して実行
onChangeStart	Event	onChangeStart = (start, end) => { ... }	ハンドルのドラッグを開始したときに実行
onChangeEnd	Event	onChangeEnd = (start, end) => { ... }	ハンドルのドラッグを終えたときに実行

Property

備考

該当なし — RangeSliderウィジェットにはスクリプト専用のPropertyがありません。スクリプトからは、以下の共通Widget Control（getProperty / setProperty）で値を読み書きします。

Method

備考

該当なし — RangeSliderウィジェットには専用のMethodがありません。以下の共通Widget Controlを使用します。

Event

onChanged

2つのハンドル（サム）のいずれかをドラッグしている間、値が変わるたびに連続して実行されます。

• 種類: Event
• ハンドラー: 範囲の開始値・終了値を2つの引数として受け取るコールバック関数
• Parameters: start（範囲の開始値、数値）、end（範囲の終了値、数値）
• Returns: なし

Example

rangesliderID.onChanged = (start, end) => {
  // 値が変わっている間に実行するコード
};

onChangeStart

ユーザーがハンドルのドラッグを開始した瞬間に1回実行されます。

• 種類: Event
• ハンドラー: ドラッグ開始時点の開始値・終了値を2つの引数として受け取るコールバック関数
• Parameters: start（範囲の開始値、数値）、end（範囲の終了値、数値）
• Returns: なし

Example

rangesliderID.onChangeStart = (start, end) => {
  // ドラッグ開始時に実行するコード
};

onChangeEnd

ユーザーがハンドルのドラッグを終えた瞬間に1回実行されます。最終的に確定した値を処理するときに使用します。

• 種類: Event
• ハンドラー: ドラッグ終了時点の開始値・終了値を2つの引数として受け取るコールバック関数
• Parameters: start（範囲の開始値、数値）、end（範囲の終了値、数値）
• Returns: なし

Example

rangesliderID.onChangeEnd = (start, end) => {
  // ドラッグが終わったときに実行するコード
};

共通Widget Control（すべてのウィジェット）

注記

すべてのウィジェットは、setProperty / getProperty / setStylePropertyのような名前ベースの共通Widget Control（Method）を使用できます。共通リファレンスドキュメント（作成予定）を参照してください。