3

我正在创建一个带有后退按钮和徽标的标题。我想出了如何使用添加背景

<Grid Grid.ColumnSpan="2" Background="Black">
[...]
</Grid>

但现在我最终将背景作为页面动画过渡的一部分。我想要的与 Microsoft Contoso News 演示应用程序中“为您的 UI 制作动画”页面上的标题背景完全一样。第一个视频显示应用程序中的所有内容都是动画的，标题是静态的。

我尝试了多次搜索并将我认为可行的代码放在一起，包括弄乱<EntranceThemeTransition FromHorizontalOffset="0" FromVerticalOffset="0"/>. 除非我遗漏了什么，否则我找不到有关删除动画的文档。

朝着正确方向迈出的一步将不胜感激。谢谢。

4

1 回答 1

4

我想我在凌晨 3 点的会议期间没有足够彻底地阅读 Microsoft 的文档。

我需要做的是EntranceThemeTransition向父级添加一个自定义：

<Style x:Key="LayoutRootStyle" TargetType="Panel">
    <Setter Property="Background" Value="{StaticResource ApplicationPageBackgroundThemeBrush}"/>
    <Setter Property="ChildrenTransitions">
        <Setter.Value>
            <TransitionCollection>
                <EntranceThemeTransition FromHorizontalOffset="0" IsStaggeringEnabled="false"/>
            </TransitionCollection>
        </Setter.Value>
    </Setter>
</Style>

告诉它水平移动零像素（FromHorizontalOffset="0"换句话说，根本不动画），并IsStaggeringEnabled="false"告诉它一次渲染所有项目。从这里，我可以为每个孩子添加自定义动画。

MSDN 资源：
IsStaggeringEnabled 属性
FromHorizo​​ntalOffset 属性

于 2012-10-01T05:03:50.360 回答