CustomLinearScaleLevelBarPresentation.LevelBarBackgroundTemplate Property
Gets or sets a template that configures the level bar background 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 level bar background appearance. |
Example
This example demonstrates how to define a custom linear scale line 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="500" Width="300">
<Grid>
<dxga:LinearGaugeControl>
<dxga:LinearGaugeControl.Scales>
<dxga:LinearScale ShowMinorTickmarks="False">
<dxga:LinearScale.LevelBars>
<dxga:LinearScaleLevelBar Value="50" IsInteractive="True">
<dxga:LinearScaleLevelBar.Presentation>
<dxga:CustomLinearScaleLevelBarPresentation>
<dxga:CustomLinearScaleLevelBarPresentation.LevelBarBackgroundTemplate>
<ControlTemplate>
<Border Width="20" Background="#20FF0000" RenderTransformOrigin="0.5,1" Margin="0,0,0,-20">
<Border.OpacityMask>
<LinearGradientBrush EndPoint="0,8" SpreadMethod="Repeat" MappingMode="Absolute">
<GradientStop Offset="0.5" Color="Black"/>
<GradientStop Offset="0.5" Color="Transparent"/>
</LinearGradientBrush>
</Border.OpacityMask>
</Border>
</ControlTemplate>
</dxga:CustomLinearScaleLevelBarPresentation.LevelBarBackgroundTemplate>
<dxga:CustomLinearScaleLevelBarPresentation.LevelBarForegroundTemplate>
<ControlTemplate>
<Border Width="20" Background="#4000FF00" RenderTransformOrigin="0.5,1" Margin="0,0,0,-20">
<Border.OpacityMask>
<LinearGradientBrush EndPoint="0,8" SpreadMethod="Repeat" MappingMode="Absolute">
<GradientStop Offset="0.5" Color="Black"/>
<GradientStop Offset="0.5" Color="Transparent"/>
</LinearGradientBrush>
</Border.OpacityMask>
</Border>
</ControlTemplate>
</dxga:CustomLinearScaleLevelBarPresentation.LevelBarForegroundTemplate>
</dxga:CustomLinearScaleLevelBarPresentation>
</dxga:LinearScaleLevelBar.Presentation>
</dxga:LinearScaleLevelBar>
</dxga:LinearScale.LevelBars>
</dxga:LinearScale>
</dxga:LinearGaugeControl.Scales>
</dxga:LinearGaugeControl>
</Grid>
</Window>
The image below illustrates the result.
See Also