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

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

WBOY

リリース： 2016-06-24 11:52:38

オリジナル

1065 人が閲覧しました

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.など詳細