Windowsストアアプリ入門 vol74:GridView表示時のアニメーションを停止する

月曜日 , 15, 10月 2012 Leave a comment

 GridViewでデータを読み込んだ直後に右から左にスライドしながらアニメーション表示されます。

 このアニメーションを制御するにはどの値を編集すればよいのでしょう?

 ・・・というのをGridViewのプロパティを眺めていてもわかりませんでした。

 

 ちょっと見方を変えてStyleを眺めてみます。

 

 

 GridViewをアウトラインから右クリック→「テンプレートの編集」→「コピーして編集」をクリック。

 

 スタイルを眺めてみると、それっぽい場所を発見。

 

			<Setter Property="ItemContainerTransitions">
				<Setter.Value>
					<TransitionCollection>
						<AddDeleteThemeTransition/>
						<ContentThemeTransition/>
						<ReorderThemeTransition/>
						<EntranceThemeTransition IsStaggeringEnabled="False"/>
					</TransitionCollection>
				</Setter.Value>
			</Setter>

 

 

 ItemContainerTransitions、アイテムコンテナーのトランジション。

 これっぽいですね。

 というわけで以下のように修正、

			<Setter Property="ItemContainerTransitions">
				<Setter.Value>
					<TransitionCollection>
					</TransitionCollection>
				</Setter.Value>
			</Setter>

 実行してみるとスライドするトランジションが発生しませんでした。
 ここまでわかれば別の書き方も浮かびます。

        <GridView HorizontalAlignment="Left" Margin="54,142,0,0" VerticalAlignment="Top" Width="100">
            <GridView.ItemContainerTransitions>
                <TransitionCollection />
            </GridView.ItemContainerTransitions>
        </GridView>

TransitionCollectionを空で指定(EntranceThemeTransitionを削る)すればOKでした。




Please give us your valuable comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です