CustomArcScaleLayerPresentation Class

Contains presentation settings that specify the scale layer appearance.

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

NuGet Package: DevExpress.Wpf.Gauges

Declaration

C#
VB.NET

public class CustomArcScaleLayerPresentation :
    ArcScaleLayerPresentation

Public Class CustomArcScaleLayerPresentation
    Inherits ArcScaleLayerPresentation

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.

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

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#L41

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