Microsoft® Silverlight™ にあるコントロールと同じパターンを使用してアプリケーションに単一値スライダーである xamNumericSlider または xamDateTimeSlider を追加できます。このパターンは、レイアウト コンテナーの使用およびレイアウト コンテナーの Children コレクションにコントロールを追加することに関わります。
xamNumericSlider コントロールをユーザーのアプリケーションに追加します。完成したプロジェクトを実行すると、ブラウザーに以下のスクリーンショットに似た xamNumericSlider コントロールが表示されます。
WPF プロジェクトを作成します。
以下の NuGet パッケージ参照をプロジェクトに追加します。
Infragistics.WPF.Slider
NuGet フィードのセットアップと NuGet パッケージの追加の詳細については、NuGet フィード ドキュメントを参照してください。
コード ビハインドに using/Imports のディレクティブを配置するか xamSlider™ の XML 名前空間定義を追加します。
XAML の場合:
xmlns:ig="http://schemas.infragistics.com/xaml"
Visual Basic の場合:
Imports Infragistics.Controls.Editors
C# の場合:
using Infragistics.Controls.Editors;
xamNumericSlider コントロールのインスタンスを "LayoutRoot" という名前のデフォルトのグリッド レイアウト パネルに追加します。プロシージャ コードでこれを行う場合、UserControl の Loaded イベントを処理し、イベント ハンドラーにこのコードを配置することができます。
範囲スライダーと異なり、単一値スライダーは xamSlider つまみを作成します。つまみのプロパティを変更したい場合を除き、単一値スライダーの Thumb プロパティを設定する必要はありません。
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 コレクションに追加します-->
}
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);
プロジェクトを実行します。