［プロパティ］ウィンドウ、XAML、またはコードで、C1LinearGauge コントロールに目盛りマークを追加できます。このトピックでは、C1LinearGauge コントロールの C1GaugeMark プロパティを設定しますが、同じ手順を使用して、他のコントロールの C1GaugeMark をカスタマイズすることもできます。
設計時
設計時に［プロパティ］ウィンドウで C1LinearGauge コントロールに目盛りマークを追加するには、次の手順に従います。
- C1LinearGauge コントロールをクリックして選択します。
- ［プロパティ］ウィンドウに移動し、［デコレータ］項目の横にある省略符ボタンをクリックします。［デコレータ］コレクションエディタが開きます。
- エディタの左上にあるドロップダウンリストで C1GaugeMark を選択し、［追加］ボタンをクリックします。C1GaugeMark デコレータがコレクションに追加されて選択されます。
- 右側の［プロパティ］ペインで、C1GaugeMark 要素の Location を 1.1 に設定します。
- C1GaugeLabel 要素の Interval を 20 に設定します。
- エディタの左上にあるドロップダウンリストで C1GaugeMark を選択し、［追加］ボタンをクリックします。２番目の C1GaugeMark デコレータがコレクションに追加されて選択されます。
- 右側の［プロパティ］ペインで、C1GaugeMark 要素の Location を 1.1 に設定します。
- C1GaugeLabel 要素の Interval を 10 に設定します。
- エディタの左上にあるドロップダウンリストで C1GaugeMark を選択し、［追加］ボタンをクリックします。３番目の C1GaugeMark デコレータがコレクションに追加されて選択されます。
- 右側の［プロパティ］ペインで、C1GaugeMark 要素の Location を 1.1 に設定します。
- C1GaugeLabel 要素の Interval を 5 に設定します。
XAML の場合
XAML で C1LinearGauge コントロールにラベルを追加するには、３つの <Gauge:C1GaugeMark> タグを <Gauge:C1LinearGauge> タグに追加します。
次のようになります。
| XAMLマークアップ |
コードのコピー
|
|---|---|
| <Gauge:C1LinearGauge Height="89" Margin="90,72,41,88" Name="C1LinearGauge1" Width="287"> <Gauge:C1GaugeMark Interval="20" Location="1.1" /> <Gauge:C1GaugeMark Interval="10" Location="1.1" /> <Gauge:C1GaugeMark Interval="5" Location="1.1" /> </Gauge:C1LinearGauge> |
|
コードの場合
ウィンドウを右クリックし、［コードの表示］を選択してコードエディタを開きます。コードをメインクラスに追加します。次のようになります。
Visual Basic コードの書き方
| Visual Basic |
コードのコピー
|
|---|---|
| Public Sub New() InitializeComponent() Dim c1gm1 As New C1.Xaml.Gauge.C1GaugeMark c1gm1.Location = 1.1 c1gm1.Interval = 20 Me.C1LinearGauge1.Decorators.Add(c1gm1) Dim c1gm2 As New C1.Xaml.Gauge.C1GaugeMark c1gm2.Location = 1.1 c1gm2.Interval = 10 Me.C1LinearGauge1.Decorators.Add(c1gm2) Dim c1gm3 As New C1.Xaml.Gauge.C1GaugeMark c1gm3.Location = 1.1 c1gm3.Interval = 5 Me.C1LinearGauge1.Decorators.Add(c1gm3) End Sub |
|
C# コードの書き方
| C# |
コードのコピー
|
|---|---|
| public MainPage(){ InitializeComponent(); C1.Xaml.Gauge.C1GaugeLabel c1gm1 = new C1.Xaml.Gauge.C1GaugeMark(); c1gm1.Location = 1.1; c1gm1.Interval = 20; this.C1LinearGauge1.Decorators.Add(c1gm1); C1.Xaml.Gauge.C1GaugeLabel c1gm2 = new C1.Xaml.Gauge.C1GaugeMark(); c1gm2.Location = 1.1; c1gm2.Interval = 10; this.C1LinearGauge1.Decorators.Add(c1gm2); C1.Xaml.Gauge.C1GaugeLabel c1gm3 = new C1.Xaml.Gauge.C1GaugeMark(); c1gm3.Location = 1.1; c1gm3.Interval = 5; this.C1LinearGauge1.Decorators.Add(c1gm3); } |
|
プロジェクトの実行と確認
C1LinearGauge コントロールに３種類のサイズの目盛りマークが表示されます。
関連トピック