C# WinUI3 でFlipViewの切り替えがアニメーションしない場合

C# WinUI 3アプリを作っていく途中で、調べたことを忘録的に投稿します。今回はWinUI3プロジェクトで、Xamlに追加したFlipViewコントロールに［UseTouchAnimationsForAllNavigation］を有効にしても複数の画像を切り替える際にアニメーションしない場合の確認方法です。

FlipViewコントロールにコンテンツ切り替え

WinUI3プロジェクトでFlipViewコントロールに［Image］を追加して複数画像の切り替えを行う画面を用意します。

その際に［UseTouchAnimationsForAllNavigation］プロパティを有効にします。

<Grid>
  <FlipView Name="fv_main"
      MaxWidth="480" UseTouchAnimationsForAllNavigation="True">
    <FlipView.ItemTemplate>
      <DataTemplate>
        <Grid VerticalAlignment="Stretch" HorizontalAlignment="Stretch">
          <Image Source="{Binding ImageUrl}"/>
        </Grid>
      </DataTemplate>
    </FlipView.ItemTemplate>
  </FlipView>
</Grid>

実行すると画面に、指定した画像が表示されます。

左右に配置された矢印ボタンやマウスのホイール、タッチパッドのスワイプ操作で画面を切り替える際にスライドするようにアニメーションします。

アニメーションしない場合

［FlipView］コントロールの切り替え操作をアニメーション処理する場合、Windowsの［視覚効果］を有効にする必要があります。

［設定｜アクセシビリティ｜視覚効果］画面の［アニメーション効果］を［オン］に設定します。

まとめ

今回は短い記事ですが、Visual StudioのWinUI3プロジェクトで、Xamlに追加したFlipViewコントロールに［UseTouchAnimationsForAllNavigation］を有効にしても複数の画像を切り替える際にアニメーションしない場合の確認方法です。

［FlipView］コントロールの切り替え時にアニメーション効果が無い場合、Windows11の［設定］画面の［アクセシビリティ｜視覚効果｜アニメーション効果］を有効にしておく必要があります。

WinUI 3アプリで［FlipView］の切り替え時にアニメーションが表示されない人の参考になれば幸いです。

スポンサーリンク

最後までご覧いただき、ありがとうございます。