CustomArcScaleLayerPresentation.ScaleLayerTemplate Property

Gets or sets a template that configures the scale layer behavior and appearance. This is a dependency property.

Namespace: DevExpress.Xpf.Gauges

Assembly: DevExpress.Xpf.Gauges.v24.1.dll

NuGet Package: DevExpress.Wpf.Gauges

Declaration

C#

public ControlTemplate ScaleLayerTemplate { get; set; }

VB.NET

Public Property ScaleLayerTemplate As ControlTemplate

Property Value

Type	Description
ControlTemplate	A control template that specifies the visual structure and behavior of the scale layer.

Example

This example demonstrates how to define a custom scale layer presentation.

Xaml

<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">
                    <dxga:ArcScale.Needles>
                        <dxga:ArcScaleNeedle/>
                    </dxga:ArcScale.Needles>
                    <dxga:ArcScale.MajorTickmarkOptions>
                        <dxga:MajorTickmarkOptions Offset="1" FactorLength="2" FactorThickness="2"/>
                    </dxga:ArcScale.MajorTickmarkOptions>
                    <dxga:ArcScale.TickmarksPresentation>
                        <dxga:DefaultTickmarksPresentation MajorTickBrush="White"/>
                    </dxga:ArcScale.TickmarksPresentation>
                    <dxga:ArcScale.Layers>
                        <dxga:ArcScaleLayer>
                            <dxga:ArcScaleLayer.Presentation>
                                <dxga:CustomArcScaleLayerPresentation>
                                    <dxga:CustomArcScaleLayerPresentation.ScaleLayerTemplate>
                                        <ControlTemplate>
                                            <Grid RenderTransformOrigin="0.5, 0.5">
                                                <Ellipse Fill="Gray"/>
                                                <Ellipse Fill="White" Margin="18"/>
                                            </Grid>
                                        </ControlTemplate>
                                    </dxga:CustomArcScaleLayerPresentation.ScaleLayerTemplate>
                                </dxga:CustomArcScaleLayerPresentation>
                            </dxga:ArcScaleLayer.Presentation>
                        </dxga:ArcScaleLayer>
                    </dxga:ArcScale.Layers>
                </dxga:ArcScale>
            </dxga:CircularGaugeControl.Scales>
        </dxga:CircularGaugeControl>
    </Grid>
</Window> 

The image below illustrates the result.

Related GitHub Examples

The following code snippet (auto-collected from DevExpress Examples) contains a reference to the ScaleLayerTemplate property.

Note

The algorithm used to collect these code examples remains a work in progress. Accordingly, the links and snippets below may produce inaccurate results. If you encounter an issue with code examples below, please use the feedback form on this page to report the issue.

XAML

wpf-gauges-create-a-knob-like-gauge/CS/DXGauges_Knobs/MainWindow.xaml#L42

    <dxga:CustomArcScaleLayerPresentation
        ScaleLayerTemplate="{StaticResource OscilloscopeScaleLayerTemplate}" />
</dxga:ArcScaleLayer.Presentation>