StateIndicatorControl Class

A state indicator control shipped with the DXGauges Suite.

Namespace: DevExpress.Xpf.Gauges

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

NuGet Package: DevExpress.Wpf.Gauges

Declaration

C#

public class StateIndicatorControl :
    Control,
    IModelSupported,
    ILayoutCalculator

VB.NET

Public Class StateIndicatorControl
    Inherits Control
    Implements IModelSupported,
               ILayoutCalculator

Remarks

Run Demo: State Indicator Models

A state indicator is used to imitate a static device or indicator that has a set of fixed states.

The following images show some examples of a state indicator.

Traffic Lights	Smile

A state indicator control is based on a state image element. To learn more about it, refer to the Visual Element (State Indicator) section.

Example

This example demonstrates how to create and customize a StateIndicatorControl.

View Example

MainWindow.xaml.cs

using System.Windows;
using System.Windows.Input;

namespace DXGauges_StateIndicator {

    public partial class MainWindow : Window {
        public MainWindow() {
            InitializeComponent();
        }

        private void stateIndicatorControl1_MouseEnter(object sender, MouseEventArgs e) {
            stateIndicatorControl1.StateIndex = 0;
        }

        private void stateIndicatorControl1_MouseLeave(object sender, MouseEventArgs e) {
            stateIndicatorControl1.StateIndex = 2;
        }

    }
}

MainWindow.xaml

<Window x:Class="DXGauges_StateIndicator.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:dxga="http://schemas.devexpress.com/winfx/2008/xaml/gauges"
        Title="MainWindow" Height="350" Width="525" >
    <Grid>
        <dxga:StateIndicatorControl Name="stateIndicatorControl1" StateIndex="2"
                                    MouseEnter="stateIndicatorControl1_MouseEnter" 
                                    MouseLeave="stateIndicatorControl1_MouseLeave">
            <!--region #Model-->
            <dxga:StateIndicatorControl.Model>
                <dxga:SmileStateIndicatorModel />
            </dxga:StateIndicatorControl.Model>
            <!--endregion #Model-->
        </dxga:StateIndicatorControl>
    </Grid>
</Window>

MainWindow.xaml.vb

Imports Microsoft.VisualBasic
Imports System.Windows
Imports System.Windows.Input

Namespace DXGauges_StateIndicator

    Partial Public Class MainWindow
        Inherits Window
        Public Sub New()
            InitializeComponent()
        End Sub

        Private Sub stateIndicatorControl1_MouseEnter(ByVal sender As Object, ByVal e As MouseEventArgs)
            stateIndicatorControl1.StateIndex = 0
        End Sub

        Private Sub stateIndicatorControl1_MouseLeave(ByVal sender As Object, ByVal e As MouseEventArgs)
            stateIndicatorControl1.StateIndex = 2
        End Sub

    End Class
End Namespace

Related GitHub Examples

The following code snippets (auto-collected from DevExpress Examples) contain references to the StateIndicatorControl 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-gauge-create-state-indicator/CS/DXGauges_StateIndicator/MainWindow.xaml#L7

<Grid>
    <dxga:StateIndicatorControl Name="stateIndicatorControl1" StateIndex="2"
                                MouseEnter="stateIndicatorControl1_MouseEnter"

how-to-integrate-a-state-indicator-with-the-circular-gauge-control-e3798/CS/WpfApplication1/MainWindow.xaml#L31

</dxga:CircularGaugeControl>
<dxga:StateIndicatorControl dxga:AnalogGaugeControl.ValueIndicator="{Binding ElementName=needle}"
                            HorizontalAlignment="Left" Margin="228,229,0,0"

Inheritance

Object

DispatcherObject

DependencyObject

Visual

UIElement

FrameworkElement

Control

StateIndicatorControl