添加/删除AppBar按钮动画

时间:2012-12-29 17:55:39

标签: windows-8 winrt-xaml

我有一个WinRT应用程序,其中AppBar按钮可以是两个按钮之一,具体取决于所选内容。从一个按钮切换到另一个按钮很简单,但是它缺乏我们用WinRT努力的视觉流动性。

我正在寻找的视觉行为也可以在Windows 8附带的Mail应用程序中看到。如果您选择一条消息并调出底部的AppBar,则点击"标记为已读/未读"按钮在两个按钮之间产生了很好的转换效果。

有谁知道这是一个预先制作的动画还是我必须亲自实现(或者更好,是否有解决方案)?

1 个答案:

答案 0 :(得分:0)

可用的转换位于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>