Share via


AnimatedIcon.State Attached Property

Definition

Property that the developer sets on AnimatedIcon.

see GetState, and SetState
see GetState, and SetState
see GetState, and SetState

Examples

<!--
xmlns:animatedvisuals="using:Microsoft.UI.Xaml.Controls.AnimatedVisuals"
-->

<StackPanel AnimatedIcon.State="Normal" ...>
    <AnimatedIcon>
        <animatedvisuals:AnimatedBackVisualSource/>
    </AnimatedIcon>
</StackPanel>

Remarks

You change the playback position and state of the animation by setting the AnimatedIcon.State attached property. The state property takes a string value that describes the visual state, such as "Normal", "PointerOver", or "Pressed". You can also specify a specific state transition, such as "PressedToNormal".

You can set the property on the AnimatedIcon or on an ancestor in the XAML tree. In either case, you need to use the attached property syntax: <AnimatedIcon AnimatedIcon.State="Normal">...</AnimatedIcon>.

Important

If you add an AnimatedIcon to the XAML tree and set the State property on an ancestor element, the State property must be set to an initial value before the animated icon is first loaded in order for the icon to animate. You typically set the initial state in XAML as shown in the Example section.

For more info, see Remarks on the AnimatedIcon class page.

Applies to

See also