C1RangeSlider コントロールのスクロールボックススタイルオプションを通して外観を管理できます。

BackColor

C1RangeSlider のスクロールボックス（Thumb）の背景色は、設計時またはコードで変更できます。

設計時に背景色を変更するには、次の手順を実行します。

1. C1RangeSlider コントロールを右クリックし、［プロパティ］オプションを選択します。
2. ［プロパティ］ペインで、［Styles］ノードを展開します。
3. ThumbStyle コレクションから BackColor プロパティを選択します。
4. BackColor プロパティに対応するドロップダウンメニューから、［Tan］を選択します。

実行時に背景色を変更するには、以下のコードを FormLoad イベントに追加します。

Visual Basicでコードを書く場合

Me.C1RangeSlider1.Styles.ThumbStyle.BackColor = System.Drawing.Color.Tan

C#でコードを書く場合

this.c1RangeSlider1.Styles.ThumbStyle.BackColor = System.Drawing.Color.Tan;

BorderColor

C1RangeSlider のスクロールボックスの境界線色は、設計時またはコードで変更できます。

設計時に境界線色を変更するには、次の手順を実行します。

1. C1RangeSlider コントロールを右クリックし、［プロパティ］オプションを選択します。
2. ［プロパティ］ペインで、［Styles］ノードを展開します。
3. ThumbStyle コレクションから BorderColor プロパティを選択します。
4. BorderColor プロパティに対応するドロップダウンメニューから、［ActiveCaptionText］を選択します。

実行時に境界線色を変更するには、以下のコードを FormLoad イベントに追加します。

Visual Basicでコードを書く場合

Me.C1RangeSlider1.Styles.ThumbStyle.BorderColor = System.Drawing.SystemColors.ActiveCaptionText

C#でコードを書く場合

this.c1RangeSlider1.Styles.ThumbStyle.BorderColor = System.Drawing.SystemColors.ActiveCaptionText;

CornerRadius

CornerRadius プロパティを使うことで、C1RangeSlider のスクロールボックスの角丸をカスタマイズできます。CornerRadius を 0 に設定すると矩形になり、値を大きくすると丸みが増します。

設計時またはコードで CornerRadius を変更できます。

設計時に CornerRadius を変更するには、次の手順を実行します。

1. C1RangeSlider コントロールを右クリックし、［プロパティ］オプションを選択します。
2. ［プロパティ］ペインで、［Styles］ノードを展開します。
3. ThumbStyle コレクションから CornerRadius プロパティを選択します。
4. CornerRadius を 4 に設定します。

実行時に CornerRadius を変更するには、以下のコードを FormLoad イベントに追加します。

Visual Basicでコードを書く場合

Me.C1RangeSlider1.Styles.ThumbStyle.CornerRadius = 4

C#でコードを書く場合

this.c1RangeSlider1.Styles.ThumbStyle.CornerRadius = 4;

下図は、CornerRadius を 4 に設定した C1RangeSlider コントロールのカスタマイズ例です。

DisabledBackColor

DisabledBackColor プロパティは、C1RangeSlider コントロールが無効な場合にスクロールボックスの背景色を設定します。

設計時またはコードで DisabledBackColor を変更できます。

設計時に DisabledBackColor を変更するには、次の手順を実行します。

1. C1RangeSlider コントロールを右クリックし、［プロパティ］オプションを選択します。
2. ［プロパティ］ペインで、［Styles］ノードを展開します。
3. ThumbStyle コレクションから DisabledBackColor プロパティを選択します。
4. DisabledBackColor プロパティに対応するドロップダウンメニューから、［InactiveCaption］を選択します。

実行時に DisabledBackColor を変更するには、以下のコードを FormLoad イベントに追加します。

Visual Basicでコードを書く場合

Me.C1RangeSlider1.Styles.ThumbStyle.DisabledBackColor = System.Drawing.SystemColors.InactiveCaption

C#でコードを書く場合

this.c1RangeSlider1.Styles.ThumbStyle.DisabledBackColor = System.Drawing.SystemColors.InactiveCaption;

DisabledBorderColor

DisabledBorderColor プロパティは、C1RangeSlider コントロールが無効な場合にスクロールボックスの境界線色を設定します。

設計時またはコードで DisabledBorderColor を変更できます。

設計時に DisabledBorderColor を変更するには、次の手順を実行します。

1. C1RangeSlider コントロールを右クリックし、［プロパティ］オプションを選択します。
2. ［プロパティ］ペインで、［Styles］ノードを展開します。
3. ThumbStyle コレクションから DisabledBorderColor プロパティを選択します。
4. DisabledBorderColor プロパティに対応するドロップダウンメニューから、［WindowFrame］を選択します。

実行時に DisabledBorderColor を変更するには、以下のコードを FormLoad イベントに追加します。

Visual Basicでコードを書く場合

Me.C1RangeSlider1.Styles.ThumbStyle.DisabledBorderColor = System.Drawing.SystemColors.WindowFrame

C#でコードを書く場合

this.c1RangeSlider1.Styles.ThumbStyle.DisabledBorderColor = System.Drawing.SystemColors.WindowFrame;

下図は、無効状態の C1RangeSlider コントロールのスクロールボックススタイル例です。

HoveredBackColor

HoveredBackColor プロパティは、マウスオーバー時のスクロールボックスの背景色を設定します。

設計時またはコードで HoveredBackColor を変更できます。

設計時に HoveredBackColor を変更するには、次の手順を実行します。

1. C1RangeSlider コントロールを右クリックし、［プロパティ］オプションを選択します。
2. ［プロパティ］ペインで、［Styles］ノードを展開します。
3. ThumbStyle コレクションから HoveredBackColor プロパティを選択します。
4. HoveredBackColor プロパティに対応するドロップダウンメニューから、［ActiveCaption］を選択します。

実行時に HoveredBackColor を変更するには、以下のコードを FormLoad イベントに追加します。

Visual Basicでコードを書く場合

Me.C1RangeSlider1.Styles.ThumbStyle.HoveredBackColor = System.Drawing.SystemColors.ActiveCaption

C#でコードを書く場合

this.c1RangeSlider1.Styles.ThumbStyle.HoveredBackColor = System.Drawing.SystemColors.ActiveCaption;

HoveredBorderColor

HoveredBorderColor プロパティは、マウスオーバー時のスクロールボックスの境界線色を設定します。

設計時またはコードで HoveredBorderColor を変更できます。

設計時に HoveredBorderColor を変更するには、次の手順を実行します。

1. C1RangeSlider コントロールを右クリックし、［プロパティ］オプションを選択します。
2. ［プロパティ］ペインで、［Styles］ノードを展開します。
3. ThumbStyle コレクションから HoveredBorderColor プロパティを選択します。
4. HoveredBorderColor プロパティに対応するドロップダウンメニューから、［Blue］を選択します。

実行時に HoveredBorderColor を変更するには、以下のコードを FormLoad イベントに追加します。

Visual Basicでコードを書く場合

Me.C1RangeSlider1.Styles.ThumbStyle.HoveredBorderColor = System.Drawing.Color.Blue

C#でコードを書く場合

this.c1RangeSlider1.Styles.ThumbStyle.HoveredBorderColor = System.Drawing.Color.Blue;

下図は、マウスオーバー時の C1RangeSlider コントロールのスクロールボックススタイル例です。

PressedBackColor

PressedBackColor プロパティは、マウスクリック時のスクロールボックスの背景色を設定します。

設計時またはコードで PressedBackColor を変更できます。

設計時に PressedBackColor を変更するには、次の手順を実行します。

1. C1RangeSlider コントロールを右クリックし、［プロパティ］オプションを選択します。
2. ［プロパティ］ペインで、［Styles］ノードを展開します。
3. ThumbStyle コレクションから PressedBackColor プロパティを選択します。
4. PressedBackColor プロパティに対応するドロップダウンメニューから、［Gold］を選択します。

実行時に PressedBackColor を変更するには、以下のコードを FormLoad イベントに追加します。

Visual Basicでコードを書く場合

Me.C1RangeSlider1.Styles.ThumbStyle.PressedBackColor = System.Drawing.Color.Gold

C#でコードを書く場合

this.c1RangeSlider1.Styles.ThumbStyle.PressedBackColor = System.Drawing.Color.Gold;

PressedBorderColor

PressedBorderColor プロパティは、マウスクリック時のスクロールボックスの境界線色を設定します。

設計時またはコードで PressedBorderColor を変更できます。

設計時に PressedBorderColor を変更するには、次の手順を実行します。

1. C1RangeSlider コントロールを右クリックし、［プロパティ］オプションを選択します。
2. ［プロパティ］ペインで、［Styles］ノードを展開します。
3. ThumbStyle コレクションから PressedBorderColor プロパティを選択します。
4. PressedBorderColor プロパティに対応するドロップダウンメニューから、［Orange］を選択します。

実行時に PressedBorderColor を変更するには、以下のコードを FormLoad イベントに追加します。

Visual Basicでコードを書く場合

Me.C1RangeSlider1.Styles.ThumbStyle.PressedBorderColor = System.Drawing.Color.Orange

C#でコードを書く場合

this.c1RangeSlider1.Styles.ThumbStyle.PressedBorderColor = System.Drawing.Color.Orange;

下図は、マウスクリック時の C1RangeSlider コントロールのスクロールボックススタイル例です。