共用方式為


AnimatedIcon.State 附加屬性

定義

開發人員在 AnimatedIcon 上設定的屬性。

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

範例

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

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

備註

您可以藉由設定 AnimatedIcon.State 附加屬性來變更動畫的播放位置和狀態。 state 屬性接受描述視覺狀態的字串值,例如 “Normal”、“PointerOver” 或 “Pressed”。 您也可以指定特定的狀態轉換,例如 “PressedToNormal

您可以在 XAML 樹狀結構中的 或 上階上 AnimatedIcon 設定 屬性。 不論是哪一種情況,您都需要使用附加屬性語法: <muxc:AnimatedIcon muxc:AnimatedIcon.State="Normal">...</muxc:AnimatedIcon>

重要

如果您將 加入 AnimatedIcon 至 XAML 樹狀結構,並在上階元素上設定 State 屬性,則 State 必須先將 屬性設定為初始值,動畫圖示才會先載入,才能讓圖示產生動畫效果。 您通常會在 XAML 中設定初始狀態,如範例一節所示。

如需詳細資訊,請參閱 AnimatedIcon 類別頁面上的。

適用於

另請參閱