問題タブ [translate-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 投票する
1 に答える
543 参照

android - Android でビュー アニメーションを反転しますか?

だから、私がのような翻訳アニメーションを持っているなら

これをテキストスイッチャーに適用して、オフセットを指定すると、テキストスイッチャーが位置 A から上または下に移動するようにします。

私の textswitcher は、setfillafter により、アニメーションの後、特定の場所 B にとどまります。次に、その場所 B からアニメーションを逆にして場所 A に戻るにはどうすればよいでしょうか?

全体的な質問

だから私は textswitcher を下に翻訳してから上に翻訳していますが、もちろん setfillafter はビュー自体ではなくビューのビットマップを翻訳するだけなので、これは最善のアプローチではないかもしれません. また、アニメーションを実行してからビューをオフセットしようとしましたが、それはグリッチに見えます。基本的に、スワイプ/フリングダウンで下に移動し、下にあるときにタッチ(onClick)すると上に移動するビュー(textswitcher)が必要です(同じアニメーションが逆になります)。これどうやってするの?

スワイプ/フリングと onClick の方法は知っていますが、正しいアニメーションを実装する方法は知りません。

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

javascript - Webkit 変換、回転後の翻訳

(素人向けの) アニメーションを作成するために、かなり単純な webkit 変換に取り組んできました。まだ情報が見つからない1つの問題を除いて、私はかなりうまくやっています. ここに行きます:

説明: target.style.webkitTransform += 'rotateZ(90deg)'; を使用して、90 度回転する長方形の div があります。これで問題ありません - target.style.webkitTransform += 'translate3d(50px, 0px, 0px)'; を使用して翻訳します。

問題: 回転すると、要素の軸も回転し、(たとえば) x 軸で平行移動すると、オブジェクトは新しい方向 (要素が向いている方向) に移動します。たとえば、上記の例では 50 ピクセル下に移動します。 (回転後)。

アニメーションが素人にとって意味のあるものになるように、(回転を変更せずに) 軸を再計算/リセットする方法が必要です。つまり、プログラマーにとっては、オブジェクトが別の方向を向いていることを簡単に確認できますが、技術者以外のユーザーは左になります。常に残っています。

要件: ユーザーが x 軸で 50px 移動すると言う場合、事前に適用された回転やその他の変換に関係なく、(ユーザーにとって) x 軸で 50px 移動する必要があります。

さらに、ユーザーがオブジェクトをどのように操作するかを事前に知ることはできないため、固定値を取得してそれらを回避することはできません。したがって、オブジェクトのスタイルプロパティを指定してすべてを再計算/リセットし、さらに変換を構築する式が必要です。

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

android - Android: 高さを下げるアニメーション

たとえば、Twitter クライアントの「プルして更新」アニメーションと同様の効果を達成しようとしています。

テキストを含むビューを画面から「スライドアウト」させたい (上)。ビューの下のコンテンツが同じ場所に留まることを除いて、遷移アニメーションを試してみました。上のビューが画面の外に移動するので、残りのコンテンツも上部に「スライド」させたいと思います。fillAfter を true に設定したので、トップビューは実際には画面の外に出たままになり、そのビューの下にあるものだけがスライドアップしません。

誰かが助けてくれることを願っています。

前もってありがとう、エリック

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

android - android translateAnimation

ビューが2つある場合、ビューに平行移動アニメーションを作成できますか?オブジェクトがビューの外側に移動しても、ビューの高さと幅は変更されませんか?私は彼の視界の中にのみ動く物体を示す必要があります。

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

android - アニメーションの遅延

私が探しているのは、ボタンをクリックして、3TranslateAnimationをアクティブにすることです。

ボタンを次々に画面からスライドさせるためにその効果を得る方法がわからない。

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

android - ImageView に適用された TranslateAnimation がトレイルを残す

私は最近、Android UI ライブラリによって提供される TranslateAnimation フレームワークに苦労しています。

画面の 80% を多かれ少なかれ占める GridView と、画面の下部にある ImageView を持つ RelativeLayout を設計しました。後者は、ランダムな方向で、画面の下部を絶えず移動することになっています。

レイアウトは次のとおりです。

TranslateAnimation は次のとおりです。

アニメーションに割り当てられた AnimationListener は、onAnimationEnd 関数でこのメソッドを呼び出すだけです。

問題は、画像が右から左に移動すると、最終的に画面にビットマップの痕跡が残り、しばらくすると削除されることです。

問題をどこに置くことができるか考えていますか?

ありがとうございました。

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

android - Windowmanager with Animation

First of all thanks everyone who tries to reply this topic.

I have an activity and I wanted to show a sort of menu at the top of the screen and I used windowmanager to handle this. it was about UI issues I encountered why I choise windowmanager to do such a menu. But for now I want this menu to animate but it seems animation takes no effect. Here is my code.

If anyone has any idea how to animate windowmanager I ll be appreciate.

Thanks in advance. Regards.

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

android - opengl-es android 形状を視覚的に回転させずにランダムな方向

形状にランダムな方向を割り当てて、通常の速度で移動できるようにしたいと考えています。

平行移動の x 値と y 値に乱数を割り当ててみましたが、形状の動きが速すぎたり、画面から消えたりすることがありました。

形状を回転させずに移動する形状のランダムな方向を選択する方法はありますか (少なくともユーザーが知る限り)。

また、方向の変更を可能にするイベントが呼び出されたとき (つまり、ボタンのクリック) に乱数を再生成する方法はありますか?

編集:チェックしたところです。ランダムな角度で回転機能を使用すると、正方形がランダムな方向に発射されますが、形状の向きを変更せずにこれを行う方法はありますか?

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

animation - Android:平行移動と回転アニメーションを同時に

XMLファイルではなくプログラムで2つのアニメーションを同時に表示したいのですが、回転と変換を行う必要があります。どうすればよいです か?

なんらかの方法で教えてください??????

これがmaコードです:>

プログラムでstartAnimationを2回使用できますか?助けてください。

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

java - Androidオブジェクトを順番にアニメーション化する方法

複数のオブジェクトを順番にアニメーション化したいと考えています。のように、1 つのアニメーションは、前のアニメーションが停止した直後に発生する必要があります。

TranslateAnimations を使用していましたが、すべてのアニメーションが同時に発生しているようです。次に、すべての TranslateAnimations を AnimationSet に入れようとしましたが、これは私が想像していたものではありません。

複数の translateAnimations を次々に発生させる適切な方法は何ですか。これはループするので、最終的に同期が取れなくなるため、setDuration をいじることはできません。