在Windows Phone 8.1中對ToggleButton進行動畫處理

Question

我正在使用Windows Phone 8.1（非SilverLight）應用程序，其中有一個非常簡單的XAML頁面。

<Grid>
    <ToggleButton x:Name="TogBtn" VerticalAlignment="Center" HorizontalAlignment="Center" Checked="ToggleButton_OnChecked" Unchecked="TogBtn_OnUnchecked">Off</ToggleButton>
</Grid>

目前， ToggleButton其背景更改為所設置的強調色時， ToggleButton可以正常工作。

如何向其中添加動畫，以便在單擊時可以緩和藍色背景色。

Answer 1

多虧了Chris和2個小時的谷歌搜索，並開始研究它，我才知道：

<VisualState x:Name="Checked">
    <Storyboard>
        <ColorAnimation Duration="0:0:0.15" Storyboard.TargetName="Border" Storyboard.TargetProperty="(Background).(SolidColorBrush.Color)" To="Red"></ColorAnimation>
        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Border"
            Storyboard.TargetProperty="BorderBrush">
            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource ToggleButtonCheckedBorderThemeBrush}" />
        </ObjectAnimationUsingKeyFrames>
        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter"
            Storyboard.TargetProperty="Foreground">
            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource ToggleButtonCheckedForegroundThemeBrush}" />
        </ObjectAnimationUsingKeyFrames>
    </Storyboard>
</VisualState>

花了很長時間才能到達Storyboard.TargetProperty="(Background).(SolidColorBrush.Color)"否則它將無法正常工作。

在此處獲取完整模板 ，然后如上所示更改<VisualState x:Name="Checked"> 。

謝謝