Gauges for UWP
ゲージへのラベルの追加
タスク別ヘルプ > ゲージへのラベルの追加

[プロパティ]ウィンドウ、XAML、またはコードで、C1RadialGauge コントロールのラベルを追加およびカスタマイズできます。このトピックでは、C1RadialGauge コントロールの C1GaugeLabel プロパティを設定しますが、同じ手順を使用して、他のコントロールの C1GaugeLabel をカスタマイズすることもできます。

設計時

設計時に[プロパティ]ウィンドウで C1RadialGauge コントロールにラベルを追加するには、次の手順に従います。

  1. C1RadialGauge コントロールをクリックして選択します。
  2. [プロパティ]ウィンドウに移動し、[デコレータ]項目の横にある省略符ボタンをクリックします。[デコレータ]コレクションエディタが開きます。
  3. エディタの左上にあるドロップダウンリストで C1GaugeLabel を選択し、[追加]ボタンをクリックします。C1GaugeLabel デコレータがコレクションに追加されて選択されます。
  4. 右側の[プロパティ]ペインで、C1GaugeLabel 要素の Location を 1 に設定します。
  5. C1GaugeLabel 要素の Interval を 20 に設定します。
    これで、コントロールのラベルが設定されます。

XAML の場合

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

XAMLマークアップ 
コードのコピー
<Gauge:C1RadialGauge Height="189" Margin="42,29,188,31" Name="C1RadialGauge1" Width="189">
      <Gauge:C1GaugeLabel Interval="20" Location="1" />
  </Gauge:C1RadialGauge>

コードの場合

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

Visual Basic コードの書き方

Visual Basic
コードのコピー
Public Sub New()
  InitializeComponent()
      Dim c1gl As New C1.Xaml.Gauge.C1GaugeLabel
      c1gl.Location = 1
      c1gl.Interval = 20
      Me.C1RadialGauge1.Decorators.Add(c1gl)
  End Sub

C# コードの書き方

C#
コードのコピー
public MainPage(){
  InitializeComponent();
      C1.Xaml.Gauge.C1GaugeLabel c1gl = new C1.Xaml.Gauge.C1GaugeLabel();
      c1gl.Location = 1;
      c1gl.Interval = 20;
      this.C1RadialGauge1.Decorators.Add(c1gl);
  }  

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

C1RadialGauge コントロールにラベルが表示されます。

関連トピック