スライダータイプとその入力属性

  • リリースバージョン: Zurich
  • 更新日 2025年07月31日
  • 所要時間:3分
  • セクションを確認してスライダータイプの例を確認し、それらを作成するために使用される入力属性を確認します。

    このトピック内のセクションでは、作成できるスライダーのタイプと、作成に必要な入力属性を示します。すべての入力属性の詳細については、トピック 入力可能な入力フォーム画面の属性の「番号」セクションを参照してください。
    注:
    • 入力属性 DefaultValue は、ユーザーが最初にスライダーを表示したときに表示される数値です。以下の一部のセクションでは、DefaultValue 入力属性がオプションとしてマークされ、表示された画像で属性が使用されたかどうかがわからないため、オプションとしてマークされます。
    • 入力属性 EnforceStepSize は視覚的な属性ではありません。表示された画像から使用されているかどうかを確認できないため、一部のセクションでは [オプション] とマークされています。

    すべての入力属性の詳細については、トピック 入力可能な入力フォーム画面の属性の「番号」セクションを参照してください。

    整数スライダー

    値が 60 の [コンセントの数] という入力を示す整数スライダー。
    単純な整数タイプのスライダーを作成するために必要な入力属性。
    • 最小
    • 最大
    • StepSize
    • EnforceStepSize:オプション

    デフォルト値スライダー

    値が 1 〜 100 で、デフォルトは 50 のスライダーです。
    デフォルト値は、ユーザーが一般的な設定または提案された設定を理解するのに役立つ開始点を提供します。デフォルト値が表示されたスライダーを作成するために必要な入力属性は次のとおりです。
    • 最小
    • 最大
    • デフォルト値
    • StepSize
    • EnforceStepSize:オプション

    視覚的なステップスライダー

    範囲が 0 〜 20 の視覚的なステップスライダー。各ステップは 2 の増加を示します。表示される数は 12 です。
    視覚的なステップ スライダーにより、スライダーの各位置が何を表しているかがユーザーに明確になります。視覚的なステップを含むスライダーを作成するために必要な入力属性を次に示します。
    • 最小
    • 最大
    • デフォルト値:オプション
    • StepSize
    • VisualStepsEnabled
    • EnforceStepSize:オプション

    強制ステップサイズスライダー

    選択した数値 0.1 は有効ではなく、0.0 から 0.5 の範囲内にある必要があることを示すエラーメッセージが表示されている強制ステップスライダー。
    強制ステップサイズスライダーを使用して、ユーザーが特定の事前定義された値のみを選択できるようにします。値の範囲が広い場合、このスライダーは視覚的なステップ スライダーよりも適切な選択肢です。強制ステップでスライダーを作成するために必要な入力属性は次のとおりです。
    • 最小
    • 最大
    • デフォルト値:オプション
    • StepSize
    • EnforceStepSize

    基準点スライダー

    値がマイナス 200 と 200 のスライダー。スライダーの中央にゼロの基準点があります。
    スライダー内の基準点を使用して、ユーザーが可能な値の範囲内でどこにいるかを理解できるようにします。たとえば、中心にある基準点は、期待値よりも高い値または低い値を設定していることをユーザーに示します。参照点を含むスライダーを作成するために必要な入力属性を次に示します。
    • 最小
    • 最大
    • デフォルト値:オプション
    • StepSize
    • ReferencePoint
    • VisualStepsEnabled
    • EnforceStepSize:オプション

    装飾ステップスライダー

    「サービス品質」と呼ばれる入力を示す「スライダ」と呼ばれる表示タイプで、インジケーターは「不満」と表示されているオレンジ色の領域に配置されています。
    装飾的なステップスライダーを使用して、ユーザーインターフェイスの全体的なルックアンドフィールを改善します。これは、ビジュアルエクスペリエンスが重要な側面である設計に重点を置いたアプリケーションで重要です。このスライダーの種類には、数値、付随するテキスト (良い、悪い、悪いなど)、および色付きスライダーの 3 つの視覚的なインジケーターがあります。これらのカラフルな視覚要素は、アクセシビリティに役立ちます。たとえば、各ステップに個別の色があると、スライダーの位置とオプションをユーザーが理解しやすくなります。装飾的なステップスライダーを作成するために必要な入力属性は次のとおりです。
    • 最小
    • 最大
    • デフォルト値:オプション
    • StepSize
    • EnforceStepSize:オプション
    • 装飾