デフォルトでは、C1GaugePointer は先細の茶色の四角形として表示され、ポインタキャップはグラデーション付きの灰色の円として表示されます。どちらの外観もカスタマイズできます。以下の手順では、C1RadialGauge コントロールの C1GaugePointer と PointerCap の外観をカスタマイズします。

次の手順に従います。

1. C1RadialGauge コントロールをクリックして選択します。
2. XAML ビューに切り替えて、<Gauge:C1RadialGauge> タグに PointerFill="SkyBlue" PointerStroke="CornflowerBlue" を追加します。次のようになります。
   

   XAMLマークアップ	コードのコピー
   <Gauge:C1RadialGauge Height="226" Margin="22,24,0,12" Name="C1RadialGauge1" Width="256" PointerFill="SkyBlue" PointerStroke="CornflowerBlue">  </Gauge:C1RadialGauge>

   これで、C1GaugePointer の色がカスタマイズされます。

3. XAML ビューで、PointerCapStroke="CornflowerBlue" を <Gauge:C1RadialGauge> タグに追加します。次のようになります。
   

   XAMLマークアップ	コードのコピー
   <Gauge:C1RadialGauge Height="226" Margin="22,24,0,12" Name="C1RadialGauge1" Width="256" PointerFill="SkyBlue" PointerCapStroke="CornflowerBlue" PointerStroke="CornflowerBlue">  </Gauge:C1RadialGauge>

   これで、PointerCap の輪郭の色がカスタマイズされます。

4. XAML ビューで、次の <Gauge:C1RadialGauge.PointerCapFill> マークアップを <Gauge:C1RadialGauge> タグに追加します。次のようになります。
   

   XAMLマークアップ

   コードのコピー

   <Gauge:C1RadialGauge Height="226" Margin="22,24,0,12" Name="C1RadialGauge1" Width="256" PointerFill="SkyBlue" PointerCapStroke="CornflowerBlue" PointerStroke="CornflowerBlue" >      <Gauge:C1RadialGauge.PointerCapFill>          <LinearGradientBrush>              <GradientStop Color="CornflowerBlue" Offset="0"/>              <GradientStop Color="SkyBlue" Offset="1"/>          </LinearGradientBrush>      </Gauge:C1RadialGauge.PointerCapFill>  </Gauge:C1RadialGauge>

   これで、C1RadialGauge コントロールの PointerCap に直線方向のグラデーションが追加されます。

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

C1RadialGauge コントロールに、カスタマイズされた C1GaugePointer と PointerCap が表示されます。