［プロパティ］ウィンドウ、XAML、またはコードで、C1LinearGauge コントロールに目盛りマークを追加できます。このトピックでは、C1LinearGauge コントロールの C1GaugeMark プロパティを設定しますが、同じ手順を使用して、他のコントロールの C1GaugeMark をカスタマイズすることもできます。

設計時

設計時に［プロパティ］ウィンドウで C1LinearGauge コントロールに目盛りマークを追加するには、次の手順に従います。

1. C1LinearGauge コントロールをクリックして選択します。

2. ［プロパティ］ウィンドウに移動し、［デコレータ］項目の横にある省略符ボタンをクリックします。［デコレータ］コレクションエディタが開きます。

3. エディタの左上にあるドロップダウンリストで C1GaugeMark を選択し、［追加］ボタンをクリックします。C1GaugeMark デコレータがコレクションに追加されて選択されます。

4. 右側のプロパティペインで、C1GaugeMark 要素の Location を 1.1 に設定します。

5. C1GaugeLabel 要素の Interval を 20 に設定します。

6. エディタの左上にあるドロップダウンリストで C1GaugeMark を選択し、［追加］ボタンをクリックします。second C1GaugeMark デコレータがコレクションに追加されて選択されます。

7. 右側のプロパティペインで、C1GaugeMark 要素の Location を 1.1 に設定します。

8. C1GaugeLabel 要素の Interval を 10 に設定します。

9. エディタの左上にあるドロップダウンリストで C1GaugeMark を選択し、［追加］ボタンをクリックします。３番目の C1GaugeMark デコレータがコレクションに追加されて選択されます。

10. 右側のプロパティペインで、C1GaugeMark 要素の Location を 1.1 に設定します。

11. C1GaugeLabel 要素の Interval を 5 に設定します。

XAML の場合

XAML で、C1LinearGauge コントロールにラベルを追加するには、３つの <c1:C1GaugeMark> タグを <c1:C1LinearGauge> タグに追加します。次のようになります。

<c1:C1LinearGauge Height="89" Margin="90,72,41,88" Name="C1LinearGauge1" Width="287">
    <c1:C1GaugeMark Interval="20" Location="1.1" />
    <c1:C1GaugeMark Interval="10" Location="1.1" />
    <c1:C1GaugeMark Interval="5" Location="1.1" />
</c1:C1LinearGauge>

コードの場合

ウィンドウを右クリックし、［コードの表示］を選択してコードエディタを開きます。次に、コードをメインクラス Window1_Loaded イベントハンドラに追加します。次のようになります。

Window1_Loaded(ByVal sender As System.Object, ByVal e As System.Windows.RoutedEventArgs) Handles MyBase.LoadedPublic Sub New()
InitializeComponent()
    Dim c1gm1 As New C1.WPF.Gauge.C1GaugeMark
    c1gm1.Location = 1.1
    c1gm1.Interval = 20
    Me.C1LinearGauge1.Decorators.Add(c1gm1)
    Dim c1gm2 As New C1.WPF.Gauge.C1GaugeMark
    c1gm2.Location = 1.1
    c1gm2.Interval = 10
    Me.C1LinearGauge1.Decorators.Add(c1gm2)
    Dim c1gm3 As New C1.WPF.Gauge.C1GaugeMark
    c1gm3.Location = 1.1
    c1gm3.Interval = 5
    Me.C1LinearGauge1.Decorators.Add(c1gm3)
End Sub

private void Window_Loaded(object sender, RoutedEventArgs e)public MainPage(){
InitializeComponent();
{
    C1.WPF.Gauge.C1GaugeLabel c1gm1 = new C1.WPF.Gauge.C1GaugeMark();
    c1gm1.Location = 1.1;
    c1gm1.Interval = 20;
    this.c1LinearGauge1.Decorators.Add(c1gm1);
    C1.WPF.Gauge.C1GaugeLabel c1gm2 = new C1.WPF.Gauge.C1GaugeMark();
    c1gm2.Location = 1.1;
    c1gm2.Interval = 10;
    this.c1LinearGauge1.Decorators.Add(c1gm2);
    C1.WPF.Gauge.C1GaugeLabel c1gm3 = new C1.WPF.Gauge.C1GaugeMark();
    c1gm3.Location = 1.1;
    c1gm3.Interval = 5;
    this.c1LinearGauge1.Decorators.Add(c1gm3);
}

プロジェクトの実行と確認

C1LinearGauge コントロールに３種類のサイズの目盛りマークが表示されます。