Visual Group State
Visual Group State
Visual Group State
public ref class VisualStateGroup : System::Windows::DependencyObject
[System.Windows.Markup.ContentProperty("States")] [System.Windows.Markup.RuntimeNameProperty("Name")] public class VisualStateGroup : System.Windows.DependencyObject
type VisualStateGroup = class inherit DependencyObject
Public Class VisualStateGroup Inherits DependencyObject
The following example creates a simple ControlTemplate for a Button that contains one Grid. It also contains a VisualStateGroup named
CommonStates, which defines the
Normal states. The VisualStateGroup also has a VisualTransition that specifies that it takes one half second for the Grid to change from green to red when the user moves the mouse pointer over the Button.
<ControlTemplate TargetType="Button"> <Grid > <VisualStateManager.VisualStateGroups> <VisualStateGroup x:Name="CommonStates"> <VisualStateGroup.Transitions> <!--Take one half second to trasition to the MouseOver state.--> <VisualTransition To="MouseOver" GeneratedDuration="0:0:0.5"/> </VisualStateGroup.Transitions> <VisualState x:Name="Normal" /> <!--Change the SolidColorBrush, ButtonBrush, to red when the mouse is over the button.--> <VisualState x:Name="MouseOver"> <Storyboard> <ColorAnimation Storyboard.TargetName="ButtonBrush" Storyboard.TargetProperty="Color" To="Red" /> </Storyboard> </VisualState> </VisualStateGroup> </VisualStateManager.VisualStateGroups> <Grid.Background> <SolidColorBrush x:Name="ButtonBrush" Color="Green"/> </Grid.Background> </Grid> </ControlTemplate>
Each VisualStateGroup contains a collection of VisualState objects. A VisualState contains a collection of Storyboard objects that specify how the control's appearance changes when the control is in a certain state. For example, a Button might have a slightly different appearance when it is pressed than when it is not pressed. Two states that the Button defines correspond to when it is pressed (
"Pressed") and when it is not (
You add VisualState to a control by setting the
VisualStateManager.VisualStateGroups attached property on the control. You put states that are mutually exclusive to each other in the same VisualStateGroup. For example, the CheckBox has two VisualStateGroup objects. One contains the states,
Disabled. The other contains the states,
Indeterminate. The CheckBox can be in states
UnChecked at the same time, but it cannot be in the
Pressed states at the same time.
Although you can add VisualState objects to any element, they are a particularly useful way to enable others to redefine the visual behavior of a Control. If you create a custom control that uses a ControlTemplate, you can specify which states that control can be in by adding a TemplateVisualStateAttribute on its class definition. Then anyone who creates a new ControlTemplate for your control can add VisualState objects to the template. The TemplateVisualStateAttribute enables designer tools, such as Expression Blend, to expose the control's states. States with the same TemplateVisualStateAttribute.GroupName belong in the same VisualStateGroup.
For more information about how to use VisualStateGroup objects in a ControlTemplate, see Customizing the Appearance of an Existing Control by Creating a ControlTemplate. For more information about how to create controls that use the VisualStateManager, see Creating a Control That Has a Customizable Appearance.
|VisualStateGroup() VisualStateGroup() VisualStateGroup() VisualStateGroup()||
Initializes a new instance of the VisualStateGroup class.
|CurrentState CurrentState CurrentState CurrentState||
Gets the VisualState that is currently applied to the control.
|DependencyObjectType DependencyObjectType DependencyObjectType DependencyObjectType||
Gets the DependencyObjectType that wraps the CLR type of this instance.(Inherited from DependencyObject)
|Dispatcher Dispatcher Dispatcher Dispatcher||DispatcherObject)|
|IsSealed IsSealed IsSealed IsSealed||
Gets a value that indicates whether this instance is currently sealed (read-only).(Inherited from DependencyObject)
|Name Name Name Name||
Gets or sets the name of the VisualStateGroup.
|States States States States||
Gets the collection of mutually exclusive VisualState objects.
|Transitions Transitions Transitions Transitions||
Gets the collection of VisualTransition objects.
|CurrentStateChanged CurrentStateChanged CurrentStateChanged CurrentStateChanged||
Occurs after a control transitions to a different state.
|CurrentStateChanging CurrentStateChanging CurrentStateChanging CurrentStateChanging||
Occurs when a control starts transitioning to a different state.