問題タブ [layout-animation]

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 投票する
3 に答える
7556 参照

android - RecyclerView で GridLayoutAnimation を使用するにはどうすればよいですか?

GridView を新しい RecyclerView (GridLayoutManager を使用) に置き換えようとしていますが、gridLayoutAnimation ( ClassCastException: LayoutAnimationController$AnimationParameters cannot be cast to GridLayoutAnimationController$AnimationParameters) にうまく対応していないようです。通常のレイアウト アニメーションで動作しますが、グリッドであるため、タブレットでは完了するのに時間がかかりすぎます。

私が達成しようとしているのは、Hierarchical Timingに似ています。例のビデオを見ると、レイアウト アニメーションが左上から右下に斜めに移動することがわかります。通常のレイアウト アニメーションは行ごとにアニメーションを実行するため、大きなグリッド (タブレットなど) では完了するのに時間がかかりすぎます。ItemAnimator も調べてみましたが、「しない」の例のように、すべてのセルで同時にアニメーションを実行するだけです。

RecyclerView でこのグリッド レイアウト アニメーションを実現する方法はありますか?

これは gridview_layout_animation.xml です。

これがアニメーションの grow_in.xml です。

編集: Galaxas0 の回答に基づいて、拡張するカスタム ビューを使用するだけで済むソリューションを次に示しますRecyclerView。基本的にattachLayoutAnimationParameters()メソッドをオーバーライドするだけです。これ<gridLayoutAnimation>は、GridView と同じように機能します。

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

ios - React-Native サポートされていないレイアウト アニメーション

各アイテムがコンテンツ ビューを変更する SlideMenu を含むシーンをレンダリングしようとすると、次のエラーが発生します。

SlideMenuのレイアウトのアニメーションから来ていると思いますが、アイテムをクリックして「フラグメント」(コンテンツビューを意味する)の変更をトリガーした場合にのみ発生します。それ以外の場合、メニューは通常どおり閉じます。

「閉じる」をクリックすると、フラグメントは適切に表示されますが、SlideMenu が閉じられません。

これがアニメーション自体によるものなのか、要素の変更とアニメーションの組み合わせによるものなのかはわかりません。

これが私のコードの一部です:

フラグメントの選択は generalTemplate で行われます:

メニューの項目を押すと、メニューが閉じられます (ここには表示されていない ID が generalTemplate に送信されます)。

アニメーションのコード (有用かどうかはわかりませんが、わかりません):

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

android - ドロワーアイテムを開いたときのアニメーション

アイテムを含む RecyclerView を含む DrawerLayout を使用してドロワーを作成しました。RecyclerView に layoutAnimation をアタッチして、ドロワーを開いたときにアイテムが横から入ってくるようにしました。これは最初はうまく機能しますが、2回目に引き出しを開くと、すべてがすでに整っています. 引き出しが開かれるたびにlayoutAnimationを実行したいと思います。

これまでに試したことは、カスタム ActionBarDrawerToggle (とにかくそれが必要です) を用意し、次を追加することです。

アニメーションを再実行するため、ある程度機能しますが、引き出しを開くとすべてのアイテムがそこにあり、それらが消えてアニメーションが開始されます。

ドロワーが閉じられるたびにドロワーアイテムビューを「リセット」する方法は誰にもありますか?

これらが必要かどうかはわかりませんが、とにかく含めます

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

listview - React Native LayoutAnimation を使用した ListView 行の削除のアニメーション化

LayoutAnimation を使用して ListView からの行の削除をアニメーション化するのが困難です。

LayoutAnimation.spring プリセット アニメーションはビューの更新をスプリングで処理し、ビューの作成をフェードで処理するため、既存の最下部の行が削除後に上に跳ね上がることを期待していました。代わりに、フェードインします。

RN 0.18.1 の使用

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

android - ビュー グループを非表示にすると LayoutAnimationController が機能しないが、ビュー グループを表示すると機能する

LayoutAnimationController は、ビュー グループの子をアニメーション化するために使用されます

次のコードを使用して、 LayoutAnimationControllerを使用して、 LinearLayoutの要素をアニメーション効果で 1 つずつ表示しました。

ただし、 LinearLayout を非表示にしながらフェードアウト アニメーションを表示するために使用すると、同じアプローチは機能しませんlnrContactContainer.setVisibility(View.GONE)

子を 1 つずつ非表示にする代わりに、親を非表示にします。

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

android - 子ビューが親ビューのアニメーションを継承するように制限する方法

ListView と LinearLayout init を持つ LinearLayout があります。いくつかの条件に基づいて、親の線形レイアウトの可視性を変更するだけです。可視性を親に可視として設定するたびに、次のようにプログラムでボトムアップ アニメーションを設定します。

アニメーションは私のために起こっています。

しかし、親レイアウトのみがボトムアップアニメーションを取得し、親レイアウト内のすべての子ビューがボトムアップアニメーションを反映するようにします。そのため、全体的な移行は乱雑に見えます。

子ビューが親のアニメーションを反映しないように制限する方法はありますか?