C1RangeSliderの値の範囲は、UpperValueプロパティとLowerValueプロパティの差によって決まります。 これらの2つのプロパティは、値の範囲を選択するために使用されるサムに接続されています。
UpperValue とLowerValue のサムは、スライダトラックに沿って移動します。デフォルトでは、UpperValue プロパティは 100 に、LowerValue プロパティは 0 に設定されています。
サム値を設定する
C1RangeSlider コントロールには、値の範囲の選択に使用する２つのサムがあります。UpperValue と LowerValue のサムは、スライダトラックに沿って移動します。デフォルトでは、UpperValue プロパティは 100 に、LowerValue プロパティは 0 に設定されています。
サムの値をカスタマイズするには、次のいずれかの方法を使用できます。
たとえば、UpperValue プロパティを「90」、LowerValue プロパティを 「10」に設定するには、UpperValue="90" LowerValue="10" を <c1:C1RangeSlider> タグに追加します。次のようになります。
| XAML |
コードのコピー
|
|---|---|
<c1:C1RangeSlider Name="C1RangeSlider1" Width="26" Height="18" UpperValue="90" LowerValue="10" /> |
|
たとえば、UpperValue および LowerValue プロパティを設定するには、プロジェクトに次のコードを追加します。
| Visual Basic |
コードのコピー
|
|---|---|
Me.C1RangeSlider1.LowerValue = 10 Me.C1RangeSlider1.UpperValue = 90 |
|
| C# |
コードのコピー
|
|---|---|
this.c1RangeSlider1.LowerValue = 10; this.c1RangeSlider1.UpperValue = 90; |
|
設計時に UpperValue プロパティと LowerValue プロパティを設定するには、次の手順に従います。
-
C1RangeSlider コントロール をクリックして選択します。
-
［プロパティ］ウィンドウに移動し、LowerValue プロパティの横にあるテキストボックスに値（たとえば、10）を入力します。
-
［プロパティ］ウィンドウで、UpperValue プロパティの横にあるテキストボックスに値（たとえば、90）を入力します。
これで、UpperValue プロパティと LowerValue プロパティは指定された値に設定されます。
値の変更単位を設定する
ValueChange プロパティは、トラックがクリックされたときにUpperValueとLowerValueのサムがスライダートラックに沿って移動する値を決定します。タックがUpperValueとLowerValueのサムの間（範囲内）でクリックされた場合、サムは移動しないことに注意してください。
UpperValueプロパティはMinimumプロパティより小さくすることはできず、LowerValueはMaximumプロパティより小さくすることはできません。
次のいずれかの方法を使用して、C1RangeSliderコントロールのトラックをクリックすると、最も近い親指が5単位移動します。
ValueChange プロパティを5に設定するには、次のように示すように ValueChange="5" を <c1:C1RangeSlider> タグに追加します。次のようになります。
| XAML |
コードのコピー
|
|---|---|
<c1:C1RangeSlider Name="C1RangeSlider1" Height="18" Width="26" ValueChange="5" /> |
|
ValueChange プロパティを設定するには、プロジェクトに次のコードを追加します。
| Visual Basic |
コードのコピー
|
|---|---|
Me.C1RangeSlider1.ValueChange = 5 |
|
| C# |
コードのコピー
|
|---|---|
this.c1RangeSlider1.ValueChange = 5;
|
|
設計時に ValueChange プロパティを設定するには、次の手順に従います。
-
C1RangeSlider コントロール をクリックして選択します。
-
［プロパティ］ウィンドウに移動し、ValueChange プロパティの横にあるテキストボックスに値（たとえば、５）を入力します。
これで、ValueChange プロパティは指定された値に設定されます。