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"、水平方向に 0 ピクセル移動する (つまり、まったくアニメーション化しない) ようにIsStaggeringEnabled="false"指示し、すべてのアイテムを一度にレンダリングするように指示します。ここから、それぞれの子にカスタム アニメーションを追加できます。

MSDN リソース:
IsStaggeringEnabled プロパティ
FromHorizo​​ntalOffset プロパティ

于 2012-10-01T05:03:50.360 に答える