Microsoft-ui-xaml: 質問:ConnectedAnimationConfigurationsを調整されたアニメーションに適用できますか?

作成日 2020年02月20日  ·  3コメント  ·  ソース: microsoft/microsoft-ui-xaml

Windowsバージョンを対象としたプロジェクトを1809に更新しようとしていますが、調整されたアニメーションの動作方法を変更すると、アプリに非常に醜いUXが作成されます。 以前に新しいページに移動すると、ボタンの画像が新しいページのヘッダーに変換され(Connected Animation)、いくつかの異なるテキスト要素がこの画像のすぐ下にピン留めされているかのように続きます(CoordinatedAnimation)。

1809に更新した後、新しいデフォルトの「重力」アニメーションが発生します。 すべての要素が少し落ち込んでから、所定の位置に飛び出します。 私たちのデザインとは奇妙に見えるドロップシャドウもあります。

ドキュメントには、BasicConnectedAnimationConfiguration()をアニメーションに適用して、接続されたアニメーションの構成をオーバーライドする方法が示されています。 これは、ボタンの画像に対しては問題なく機能します。 以前と同じように直線的に移動します。 いいね。

問題は、接続された要素、つまり画像の下のテキスト要素が、新しいGravityConnectedAnimationConfigurationで移動することです。 翻訳中に画像に「固定」されたままになるのではなく、最後の最後にディップダウンしてポップアップします。

調整された要素のデフォルトの重力アニメーションをオーバーライドする方法はありますか?

これは、StackOverflowに投稿した同じ質問へのリンクで、問題のビデオと参照コードが含まれています。

https://stackoverflow.com/questions/60290093/uwp-version-1809-connected-coordinated-animations-not-configured-the-same

これが適切な場所で求められていることを願っています。

question

全てのコメント3件

参考までに@stmoy

@ BrandonKuenzi-これを開いてくれてありがとう、私は内部でフォローアップしています。 もう少し調査した後、元に戻ります。

調整されたアニメーションコードを調べた結果、残念ながらこのシナリオは破られていると判断しました。 現時点では、調整されたアニメーションを構成する方法はありません。調整されたアニメーションは、常にデフォルトの重力構成になります。

私はこのギャップを追跡するために#2035を提出しました。 ConnectedAnimationsはWinUI3.0リリースの一部になる予定なので、この問題を修正する前にWinUI3.0を待つ必要があります。

それまでの間、調整されたアニメーションを、テキストと空のグリッドを接続する接続されたアニメーションに置き換えて同様の効果を実現することで、この問題を回避できる可能性があります。 複数のアニメーションを同時に再生でき、異なるタイプの要素を接続できるので、これでうまくいくと思います。

このページは役に立ちましたか?
0 / 5 - 0 評価