共用方式為

AnimatedIcon.State 附加屬性

  • 參考

定義

命名空間:
Microsoft.UI.Xaml.Controls
編輯

開發人員在 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 類別頁面上的。

適用於

另請參閱