添加/删除 AppBar 按钮动画答案

【问题标题】：AppBar Button Animation on Add/Remove添加/删除 AppBar 按钮动画
【发布时间】：2012-12-29 17:55:38
【问题描述】：

我有一个 WinRT 应用程序，其中 AppBar 按钮可以是两个按钮之一，具体取决于所选内容。从一个按钮更改为另一个按钮很简单，但它缺乏我们在 WinRT 中所追求的视觉流畅性。

我正在寻找的视觉行为也可以在 Windows 8 附带的邮件应用程序中看到。如果您选择一条消息并调出底部的 AppBar，点击“标记为已读/未读”按钮会产生不错的转换两个按钮之间的效果。

有谁知道这是一个预卷动画还是我必须手动实现它（或者甚至更好，是否已经有解决方案）？

【问题讨论】：

你试过使用 blend 吗？
还没有。如果可用，我宁愿使用预滚动/支持的主题动画。（我希望它在 dox 中，但我还没有找到它。）

标签： windows-8 winrt-xaml

【解决方案1】：

可用的过渡位于 Windows.UI.Xaml.Media.Animation 命名空间中。 Check out what is there，如果您没有看到您要查找的内容，那么您将不得不创建自己的。

看起来与我最相似的过渡是 AddDeleteThemeTransition，但该效果仅在添加/删除应用栏项目时出现，而不是在打开应用栏时出现。

这是一个使用示例

    <AppBar>
        <Grid>
            <StackPanel x:Name="LeftPanel" Orientation="Horizontal">
                <Button x:Name="Search" Style="{StaticResource SearchAppBarButtonStyle}" />
                <StackPanel.ChildrenTransitions>
                    <TransitionCollection>
                        <AddDeleteThemeTransition/>
                    </TransitionCollection>
                </StackPanel.ChildrenTransitions>
            </StackPanel>
        </Grid>
    </AppBar>

【讨论】：

谢谢，但这似乎没有做过渡的“放大/缩小”部分......相反，它似乎应用了淡入/淡出效果。
您是否尝试过按照您描述的邮件示例中删除和添加项目？
可用的过渡在 Windows.UI.Xaml.Media.Animation 命名空间中。看看那里有什么，如果你没有看到你在找什么，那么你将不得不创建你自己的。 msdn.microsoft.com/en-us/library/windows/apps/jj218361.aspx
由于后续评论，我会将其标记为“正确”。感谢您的反馈！