Skip to main content
All docs
V25.1
  • CustomDigitalGaugeLayerPresentation Class

    Contains presentation settings that specify the digital gauge layer appearance.

    Namespace: DevExpress.Xpf.Gauges

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

    NuGet Package: DevExpress.Wpf.Gauges

    Declaration

    public class CustomDigitalGaugeLayerPresentation :
        DigitalGaugeLayerPresentation

    Example

    This example demonstrates how to define a custom digital gauge layer 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="200" Width="300">
        <Grid>
            <dxga:DigitalGaugeControl Text="12:45">
                <dxga:DigitalGaugeControl.Layers>
                    <dxga:DigitalGaugeLayer>
                        <dxga:DigitalGaugeLayer.Presentation>
                            <dxga:CustomDigitalGaugeLayerPresentation>
                                <dxga:CustomDigitalGaugeLayerPresentation.GaugeLayerTemplate>
                                    <ControlTemplate>
                                        <Border CornerRadius="10" BorderThickness="3" BorderBrush="Black" Background="LightGray">
                                            <Border CornerRadius="10" BorderThickness="3" BorderBrush="Black" Background="#FFf0f0f0" Margin="10"/>
                                        </Border>
                                    </ControlTemplate>
                                </dxga:CustomDigitalGaugeLayerPresentation.GaugeLayerTemplate>
                            </dxga:CustomDigitalGaugeLayerPresentation>
                        </dxga:DigitalGaugeLayer.Presentation>
                    </dxga:DigitalGaugeLayer>
                </dxga:DigitalGaugeControl.Layers>
                <dxga:DigitalGaugeControl.SymbolView>
                    <dxga:MatrixView8x14>
                        <dxga:MatrixView8x14.Presentation>
                            <dxga:DefaultMatrix8x14Presentation FillInactive="Transparent"/>
                        </dxga:MatrixView8x14.Presentation>
                    </dxga:MatrixView8x14>
                </dxga:DigitalGaugeControl.SymbolView>
            </dxga:DigitalGaugeControl>
        </Grid>
    </Window>
    

    The image below illustrates the result.

    See Also