このコンポーネントは、Google 広告、Google AdMob、AMP HTML 広告、動画広告、イメージ広告ではサポートされていません。
スライダー コンポーネントを使用すると、プロジェクトにスライダーを追加できます。ユーザーはスライダーをドラッグして、指定された範囲から数値を選択できます。スライダーは、正確な数値が不要な場合に便利です。
プロジェクトでスライダー コンポーネントを使用する
- [コンポーネント] パネル、[UI] フォルダの順に開きます。
- スライダー コンポーネント
をステージにドラッグします。
- [プロパティ] パネルの [スライダー] プロパティ セクションで、[最小] フィールドに最小値を入力し、[最大] フィールドに最大値を入力して、スライダーの範囲を設定します。
- スライダーの前にテキストを表示するには、ラベル コンポーネントを使用することをおすすめします。
プロパティ
| プロパティ | 説明 |
|---|---|
| 名前 | コンポーネント名。 |
| 値 | スライダーのデフォルト設定。数値を指定する必要があります。 |
| 最小 | スライダーの最小設定。数値を指定する必要があります。デフォルトは 1 です。 |
| 最大 | スライダーの最大設定。数値を指定する必要があります。デフォルトは 100 です。 |
| ステップ | スライダーの粒度。たとえば、10 と入力すると、10 の倍数のみを指定できるようになります。「any」と入力すると、最小と最大の間の任意の 10 進値を指定できるようになります。デフォルトは 1 です（整数のみを指定できます）。 |
イベントと操作
スライダー コンポーネントから送信されるイベント次のスライダー コンポーネントからのイベントにより、他のアクションをトリガーできます。
| イベント | 説明 |
|---|---|
| 変更 | スライダーの値の変更が確定したとき（たとえば、ユーザーがスライダーを一方の側にドラッグして、マウスのボタンを離したとき）に送信されます。 |
| 入力 | スライダーの値が変更されると送信されます。 |
[イベント] ダイアログでこうしたイベントのいずれかを選択するには、スライダー コンポーネントをターゲットに設定します。
イベントを設定する方法をご確認ください。
プレビュー
Google Web Designer インターフェース内で UI コンポーネントを操作することはできません。コンポーネントの動作を確認するには、お使いのブラウザでドキュメントをプレビューします。UI コンポーネントの外観はブラウザによって異なる場合があります。
