シングルバリュースライダー：割引率の選択

この例は、割引率を選択するための基本的な単一値スライダーを示しています。選択された値は自動的にコンポーネント属性として利用可能になり、別の変数を必要とせずに計算に直接アクセスできます

1

スライダーコンポーネントを追加

• API名: discountSlider（後でValue属性を参照するために使用）

• ラベル: "割引率:"

• 複数の値: オフ

• 最小値: 0

• 最大値: 100

• ステップ幅: 5

• 単位: パーセント

• ピンを表示：オン

2

値を使用

式リソース（またはインタラクションなどの他の場所）で、次を使用して割引後の価格を計算します $Component.discountSlider.Value （これはスライダーの選択された値に直接アクセスします）。

ユーザーはハンドルをドラッグしてパーセンテージを選択し、その値は計算や更新のためにコンポーネント属性を介して即座に利用できます。