CustomArcScaleMarkerPresentation.MarkerTemplate Property
Gets or sets a template that configures the marker appearance. This is a dependency property.
Namespace: DevExpress.Xpf.Gauges
Assembly: DevExpress.Xpf.Gauges.v24.1.dll
NuGet Package: DevExpress.Wpf.Gauges
Declaration
Property Value
Type | Description |
---|---|
ControlTemplate | A control template that specifies the marker appearance. |
Example
This example demonstrates how to define a custom marker presentation.
<Window
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="clr-namespace:GaugesDemoApp"
xmlns:dxga="http://schemas.devexpress.com/winfx/2008/xaml/gauges"
x:Class="GaugesDemoApp.MainWindow"
Title="MainWindow" Height="300" Width="300">
<Grid>
<dxga:CircularGaugeControl>
<dxga:CircularGaugeControl.Scales>
<dxga:ArcScale ShowMinorTickmarks="False" ShowLine="False">
<dxga:ArcScale.Ranges>
<dxga:ArcScaleRange StartValue="0" EndValue="100">
<dxga:ArcScaleRange.Presentation>
<dxga:DefaultArcScaleRangePresentation Fill="Gray"/>
</dxga:ArcScaleRange.Presentation>
<dxga:ArcScaleRange.Options>
<dxga:RangeOptions Thickness="40"/>
</dxga:ArcScaleRange.Options>
</dxga:ArcScaleRange>
</dxga:ArcScale.Ranges>
<dxga:ArcScale.Markers>
<dxga:ArcScaleMarker Value="25" IsInteractive="True">
<dxga:ArcScaleMarker.Presentation>
<dxga:CustomArcScaleMarkerPresentation>
<dxga:CustomArcScaleMarkerPresentation.MarkerTemplate>
<ControlTemplate>
<Border Background="White" BorderThickness="0" Width="38" Height="10" CornerRadius="5" />
</ControlTemplate>
</dxga:CustomArcScaleMarkerPresentation.MarkerTemplate>
</dxga:CustomArcScaleMarkerPresentation>
</dxga:ArcScaleMarker.Presentation>
<dxga:ArcScaleMarker.Options>
<dxga:ArcScaleMarkerOptions Offset="-39"/>
</dxga:ArcScaleMarker.Options>
</dxga:ArcScaleMarker>
</dxga:ArcScale.Markers>
<dxga:ArcScale.Needles>
<dxga:ArcScaleNeedle Value="85" IsInteractive="True"/>
</dxga:ArcScale.Needles>
</dxga:ArcScale>
</dxga:CircularGaugeControl.Scales>
</dxga:CircularGaugeControl>
</Grid>
</Window>
The image below illustrates the result.
See Also