問題タブ [android-transitions]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
1615 参照

android - Google Play ミュージック「プレーヤー」のような ViewPager トランジション

Play ミュージック アプリのプレーヤー インターフェースに表示される ViewPager 遷移アニメーションを模倣しようとしています。このように見えます。

アニメーション画面

さて、そのスケールアップ/フェードイン アニメーションは、ここで説明されているカスタム PageTransformer を使用して簡単に実行できます。難しい部分は、曲の情報などを含むトップ バーです。これは、通常の ViewPager と同じようにスライドするだけです。

私には、Google がレイアウトの異なる部分 (1. トップ バー、2. カバー アート) に対して 2 つの PageTransformers を何らかの方法で組み合わせているように見えます。これを行う方法と、それが可能かどうかについては、私にはわかりません。開発者がそれを行ったと想像できる別の方法は、2 つの ViewPager を持つことです。1 つは曲情報バー用、もう 1 つはカバート アート用で、タッチ イベントを共有して同時にスライド/アニメーション化します。しかし、私にはそれは不便で、多くの CPU を使用するもののように思えます。

助言がありますか?

0 投票する
1 に答える
356 参照

android - 別のレイアウトの下に設定すると、レイアウトが翻訳されない

これは私のXMLレイアウトコードです

レイアウト ll をスライド インに、レイアウト ハンドルをスライド アウトに変換していますが、アニメーションを実行しているときに、ハンドル レイアウトのみが変換され、ll レイアウトが表示されません。削除android:layout_below="@+id/handle"すると、ハンドル レイアウトに重なって表示されます。

ここに私の翻訳xmlがあります

slide_in.xml

Slide_out.xml

ビューページャーを使用し、ビューページャーのスクロールが終了すると元の位置にリセットされるときにのみ、ハンドルレイアウトに移動します。

0 投票する
3 に答える
6655 参照

android - L で setExitTransition を正常に使用した人はいますか?

L 開発者プレビューに付属する新しいファンシー アニメーションを使用しようとしていますが、多くの困難があります。特に、派手なアニメーションは見られません。Explode exit トランジションを使用しようとしています。コードは次のとおりです。

0 投票する
0 に答える
787 参照

android - プログラムでシーンを作成する (1 つの TextView を持つ ViewGroup)

私は通常、XML ではなくクラスで作業することを好みます。

これは、シーンを作成する通常の方法です。

かなりきれい。R.layout.transition_eventは TextView のみであるため、次のレイアウトが作成されます。LinearLayout がルートです。

ここに画像の説明を入力

プログラムで物事を実現するために、 のScene(ViewGroup sceneRoot, ViewGroup layout)代わりにコンストラクターを使用できますScene.getSceneForLayout(..)

私の問題はViewGroup layoutパラメータです。テキストビューを 1 つだけにしたいので、FrameLayout を作成してテキストビューを追加すると、上記のスクリーンショットと同じではない追加のビューが作成されます。

私は何かが必要です<merge/>が、プログラムで、または TextView を ViewGroup に「変換」します。

これまでの私の最善の試みは次のとおりです。

どちらが生産しますか:

ここに画像の説明を入力

ハッスルする価値があるかどうかはわかりませんが、これを理解したいと思います。

0 投票する
1 に答える
177 参照

android - Zazzle でスライディング フラグメントの 3D アニメーションを複製する方法

私は、Zazzle アプリケーションがナビゲーション バーを行うのと同様の方法でナビゲーション バーを実装する必要があるプロジェクトに取り組んでいます。アニメーションは私の専門知識ではないので、そのようなアニメーションを実装する方法について、開発者コミュニティからいくつかのアイデアを得たいと思います。

これはナビゲーション ドロワーの画像です。前のフラグメントが左側に表示されていることに注意してください。

Zazzle_navigation_Drawer

メニューボタンを押した時のナビ遷移のスクリーンショットです。向きを変えて画面の右側に隠れ、メニューを閉じるとそのプロセスが逆になります。

Zazzle_nav_transition

これがどのように実装されるかについての提案と、この効果を再現する良いショットを撮るために使用するリソースや学ぶべき情報についての提案を探しています.

私がこれまでにやってきたこと。

Sliding Animations DevBytes ビデオを見てメモを取りました。したがって、これまでの私の戦略は、ナビゲーションを他のすべての画面と一緒に断片化し、その間にいくつかのスライド アニメーションを実装しようとすることです。これで基礎が身につくと思います。

したがって、私はアニメーションがどのように構築されるかについてもっと尋ねています。私は以前にアニメーションを行ったことがないので、Android でカスタム アニメーションが一般的にどのように実装されているかについて助けを求めています。

0 投票する
2 に答える
2660 参照

android - 画像の彩度をアニメーション化する

時間の経過とともに画像 (png など) の彩度をアニメーション化することは可能ですか? たとえば、グレースケールからフルカラーまで。さらに、補間器を使用できる場合。

EffectFactory と ColorMatrix クラスを見てきましたが、それらをアニメーション/トランジションと組み合わせることができません。

例: にグレースケール彩度を適用するDrawable drawable:

後で完全に飽和させるには:


サイモンの答えに基づいた私の完全なソリューションに興味がある人のために:

0 投票する
1 に答える
2208 参照

android - API 19 未満の移行

Kitkat がシーンとトランジションを追加したことがわかります (私が今学んでいるもの)。実装は非常に簡単に思えますが、minSDKVersion が 19 未満に設定されている場合は、@SuppressLint("NewApi") を使用する必要があります。

これは、アプリが下位の SDK でクラッシュするということですか? Nexus 5 でテストしているので、問題なく動作します。もしそうなら、特定のパッケージを使用して下位 API の Scenes と Transitions を実装できますか? そうでない場合、下位の API に対して同様の遷移を設計するにはどうすればよいでしょうか?