Slider (슬라이더) Widget Control

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

備考

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

Widget Control一覧

Widget Control	種類	シグネチャ	説明
onChanged	Event	onChanged = (value) => { ... }	ハンドルをドラッグして値が変わったときに実行
onChangeStart	Event	onChangeStart = (value) => { ... }	ドラッグを開始したときに実行 - 現在のバージョンではサポートされていません。
onChangeEnd	Event	onChangeEnd = (value) => { ... }	ドラッグを終了したときに実行 - 現在のバージョンではサポートされていません。

Property

備考

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

Method

備考

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

Event

onChanged

ハンドルをドラッグしてスライダーの値が変わる間、連続して実行されます。実行する動作をコールバック関数で指定します。

• 種類: Event
• Parameters: value - 新しいスライダーの値（min～maxの数値）
• Returns: なし

Example

sliderID.onChanged = (value) => {
  // value: 新しいスライダーの値
  console.log(value);
};

onChangeStart

ハンドルのドラッグを開始したときに実行したい動作をコールバックで指定します。

• 種類: Event
• Parameters: value - ドラッグ開始時点のスライダーの値
• Returns: なし

警告

現在のバージョンではサポートされていません（今後のアップデートで対応予定）。 StudioのEvent一覧には表示されますが、現在のバージョンでは指定したコールバックは実行されません。ドラッグ中の値の変化はonChangedで処理してください。

onChangeEnd

ハンドルのドラッグを終了したときに実行したい動作をコールバックで指定します。

• 種類: Event
• Parameters: value - ドラッグ終了時点のスライダーの値
• Returns: なし

警告

現在のバージョンではサポートされていません（今後のアップデートで対応予定）。 StudioのEvent一覧には表示されますが、現在のバージョンでは指定したコールバックは実行されません。

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

注記

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