wp8.1 Study8: ページ遷移とテーマアニメーション (ページ遷移とテーマアニメーション)_html/css_WEB-ITnose

1. WP8.1 には次のアニメーション (Animation) があります:

ページ ナビゲーション (デフォルトはターンスタイルの回転)、PointerDown/up (デフォルトは傾き)、ページの回転、MenuFlyout の外観など。

ページ ページの遷移。

1. デフォルトのアニメーションはターンスタイルです。

2. デフォルトのアニメーションに加えて、ContinuumNavigationTransitionInfo、Stagger、Slide およびその他の同様のトランジションも使用できます。

3. デフォルトのトランジション/アニメーションをオーバーライドします

(1) コントロールでこれを行うことができます。XAML コードは次のとおりです:

<!--如在控件ListView中--!><ListView x:Name="groupListView"                       ItemsSource="{Binding AllGroups}"                      SelectionChanged="lstGroups_SelectionChanged"                       ItemTemplate="{StaticResource RecipeGroupDataTemplate}"                       CommonNavigationTransitionInfo.IsStaggerElement="True"/><!--如在控件TextBlock中--!><TextBlock Text="{Binding Title}"  Grid.Column="1" Grid.Row="0"                            Style="{StaticResource ListViewItemTextBlockStyle}" Margin="10,0,0,0"                           ContinuumNavigationTransitionInfo.IsExitElement="True"/>

<!--GridView--!><Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">        <Grid.ChildrenTransitions>            <TransitionCollection>                <EntranceThemeTransition/>            </TransitionCollection>        </Grid.ChildrenTransitions>        <Grid.RowDefinitions>            <RowDefinition Height="140"/>            <RowDefinition Height="*"/>        </Grid.RowDefinitions>

(注: EntranceThemeTransition は、ページは一度読み込まれると表示され、最初のコンテンツ表示で異なるビジュアルを提供できるようになります。)

(2)、ページのデフォルトの遷移画面を変更します。 3. 概要:

1. テーマの遷移は、UIElement.Transitions 属性を使用して単一の XAML 要素に適用することも、ContentControl.ContentTransitions などの特定のテーマを使用して遷移属性に適用することもできます。 、EntranceThemeTransition、PopupThemeTransition、ReorderThemeTransition、RepositionThemeTransition.など 詳細