バージョン

単一値スライダーをアプリケーションに追加

始める前に

Microsoft® Silverlight™ にあるコントロールと同じパターンを使用してアプリケーションに単一値スライダーである xamNumericSlider または xamDateTimeSlider を追加できます。このパターンは、レイアウト コンテナーの使用およびレイアウト コンテナーの Children コレクションにコントロールを追加することに関わります。

達成すること

xamNumericSlider コントロールをユーザーのアプリケーションに追加します。完成したプロジェクトを実行すると、ブラウザーに以下のスクリーンショットに似た xamNumericSlider コントロールが表示されます。

xamSlider Adding a Single Value Slider to Your Application 01 XAML.png

次の手順を実行します

  1. WPF プロジェクトを作成します。

  2. 以下の NuGet パッケージ参照をプロジェクトに追加します。

    • Infragistics.WPF.Slider

    NuGet フィードのセットアップと NuGet パッケージの追加の詳細については、NuGet フィード ドキュメントを参照してください。

  1. コード ビハインドに using/Imports のディレクティブを配置するか xamSlider™ の XML 名前空間定義を追加します。

XAML の場合:

xmlns:ig="http://schemas.infragistics.com/xaml"

Visual Basic の場合:

Imports Infragistics.Controls.Editors

C# の場合:

using Infragistics.Controls.Editors;

  1. xamNumericSlider コントロールのインスタンスを "LayoutRoot" という名前のデフォルトのグリッド レイアウト パネルに追加します。プロシージャ コードでこれを行う場合、UserControl の Loaded イベントを処理し、イベント ハンドラーにこのコードを配置することができます。

範囲スライダーと異なり、単一値スライダーは xamSlider つまみを作成します。つまみのプロパティを変更したい場合を除き、単一値スライダーの Thumb プロパティを設定する必要はありません。

  • Name プロパティを xamNumericSlider1 に設定します。

  • MinValue プロパティを 0 に設定します。

  • MaxValue プロパティを 100 に設定します。

XAML の場合:

<ig:XamNumericSlider
    Name="xamNumericSlider1"
    MinValue="0"
    MaxValue="100">
    <!--TODO: SliderTickMarks オブジェクトを TickMarks コレクションに追加します-->
</ig:XamNumericSlider >

Visual Basic の場合:

Dim xamNumericSlider1 As XamNumericSlider
Private Sub UserControl_Loaded(ByVal sender As Object, ByVal e As RoutedEventArgs)
    xamNumericSlider1 = New xamNumericSlider With {.MinValue = 0, .MaxValue = 100}
    Me.LayoutRoot.Children.Add(xamNumericSlider1)
    'TODO: SliderTickMarks オブジェクトを TickMarks コレクションに追加します-->
End Sub

C# の場合:

XamNumericSlider xamNumericSlider1;
private void UserControl_Loaded(object sender, RoutedEventArgs e)
{
    xamNumericSlider1 = new xamNumericSlider
    {
        MinValue = 0,
        MaxValue = 100
    };
    this.LayoutRoot.Children.Add(xamNumericSlider1);
    //TODO: SliderTickMarks オブジェクトを TickMarks コレクションに追加します-->
}

  1. xamNumericSlider コントロールの TickMarks コレクションに SliderTickMarks オブジェクトを追加します。DateTime スライダー コントロール、すなわち xamDateTimeSlider または xamDateTimeRangeSlider については、SliderTickMarks オブジェクトの代わりに TickMarks コレクションに DateTimeSliderTickMarks オブジェクトを追加する必要があります。

    • NumberOfTickMarks プロパティを 10 に設定します。

    • UseFrequency プロパティを False に設定します。UseFrequency プロパティを False に設定しない場合、xamSlider コントロールは NumberOfTickMarks プロパティを無視します。

XAML の場合:

<ig:XamNumericSlider.TickMarks>
    <ig:SliderTickMarks NumberOfTickMarks="10" UseFrequency=" />
</ig:XamNumericSlider.TickMarks>

Visual Basic の場合:

Dim majorTickMarks As New SliderTickMarks With {.NumberOfTickMarks = 10, .UseFrequency = True}
Me.xamNumericSlider1.TickMarks.Add(majorTickMarks)

C# の場合:

SliderTickMarks majorTickMarks = new SliderTickMarks
{
    NumberOfTickMarks = 10,
    UseFrequency = false
};
this.xamNumericSlider1.TickMarks.Add(majorTickMarks);

  1. プロジェクトを実行します。

関連トピック

xamSlider について

範囲スライダーをアプリケーションに追加

xamSlider の使用