スライダータイプとその入力属性
セクションを確認してスライダータイプの例を確認し、それらを作成するために使用される入力属性を確認します。
このトピック内のセクションでは、作成できるスライダーのタイプと、それらを作成するために必要な入力属性を示します。すべての入力属性の詳細については、トピック 入力の入力フォーム画面属性の「数値入力」セクションを参照してください。
注:
- 入力属性 DefaultValue は、ユーザーが最初にスライダーを表示したときに表示される数値です。以下の一部のセクションでは、表示された画像で DefaultValue 入力属性が使用されたかどうかがわからないため、オプションとしてマークされています。
- 入力属性 EnforceStepSize は視覚的な属性ではありません。表示された画像から使用されているかどうかを確認できないため、一部のセクションでは [オプション] とマークされています。
デフォルト値スライダー
デフォルト値は、ユーザーが一般的な設定または提案された設定を理解するのに役立つ開始点を提供します。デフォルト値が表示されたスライダーを作成するために必要な入力属性は次のとおりです。
- 最小
- 最大
- DefaultValue
- StepSize
- EnforceStepSize:オプション
視覚的なステップスライダー
視覚的なステップ スライダーにより、スライダーの各位置が何を表しているかがユーザーに明確になります。視覚的なステップを含むスライダーを作成するために必要な入力属性を次に示します。
- 最小
- 最大
- デフォルト値:オプション
- StepSize
- VisualStepsEnabled
- EnforceStepSize:オプション
強制ステップサイズスライダー
強制ステップサイズスライダーを使用して、ユーザーが特定の事前定義された増分値のみを選択できるようにします。値の範囲が広い場合、このスライダーは視覚的なステップ スライダーよりも適切な選択肢です。この画像は、選択した数値が強制された増分値に準拠しないシナリオを示しています。強制ステップでスライダーを作成するために必要な入力属性は次のとおりです。
- 最小
- 最大
- デフォルト値:オプション
- StepSize
- EnforceStepSize
基準点スライダー
スライダー内の基準点を使用して、ユーザーが可能な値の範囲内でどこにいるかを理解できるようにします。たとえば、中心にある基準点は、期待値よりも高い値または低い値を設定していることをユーザーに示します。参照点を含むスライダーを作成するために必要な入力属性を次に示します。
- 最小
- 最大
- デフォルト値:オプション
- StepSize
- ReferencePoint
- EnforceStepSize:オプション
装飾ステップスライダー
装飾的なステップスライダーを使用して、ユーザーインターフェイスの全体的なルックアンドフィールを改善します。これは、ビジュアルエクスペリエンスが重要な側面である設計に重点を置いたアプリケーションで重要です。このスライダータイプには、数値、ラベルテキスト (良い、悪い、悪いなど)、および色付きのスライダーの 3 つの視覚的なインジケーターがあります。これらのカラフルな視覚要素は、アクセシビリティに役立ちます。たとえば、各ステップに異なる色とラベルを使用すると、ユーザーがスライダーの位置とオプションをよりよく理解するのに役立ちます。装飾的なステップスライダーを作成するために必要な入力属性は次のとおりです。
- 最小
- 最大
- デフォルト値:オプション
- StepSize
- EnforceStepSize:オプション
- 装飾
詳細については、「装飾スライダーの構成」を参照してください。