Skip to main content

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.v23.2.dll

NuGet Package: DevExpress.Wpf.Gauges

Declaration

public ControlTemplate MarkerTemplate { get; set; }

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