タグ付けされた質問 「animation」

アニメーションとは、動きや変化の錯覚を生み出すために、一連のビジュアルをすばやく表示することです。

5
フラグメントトランザクションアニメーション:スライドインおよびスライドアウト
フラグメント間のアニメーショントランザクションのチュートリアルをいくつか確認しました。私はアニメーションにこの方法を使用しましたが、うまくいきます: fragmentTransaction.setCustomAnimations(android.R.anim.slide_in_left, android.R.anim.slide_out_right); しかし、このアニメーションを反転させたいと思います。古いフラグメントは左にスライドし、新しいフラグメントは右にスライドしますが、 R.animファイル私のスコープには役に立たないようです。 どうすればできますか?

5
要素がアニメーション化されているかどうかをjQueryで確認するにはどうすればよいですか?
ページ上のいくつかの要素を移動しようとしています。アニメーションが発生している間、要素に「overflow:hidden」を適用し、アニメーションが完了したら「overflow」を「auto」に戻したいと思います。 jQueryに、いくつかの要素がアニメーション化されているかどうかを判断するユーティリティ関数があることを知っていますが、ドキュメントのどこにも見つかりません

15
アニメーションCSS3:ディスプレイ+不透明度
CSS3アニメーションに問題があります。 .child { opacity: 0; display: none; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } .parent:hover .child { opacity: 0.9; display: block; } このコードは、の変更を削除した場合にのみ機能しdisplayます。 ホバー直後の表示を変更したいのですが、トランジションを使用して不透明度を変更する必要があります。
100 animation  css 

8
アニメーションをアクティビティに追加するにはどうすればよいでしょうfinish()
アクティビティが作成されて正常に機能する場合にoverridePendingTransitionを使用していますが、フェードインがうまく機能しているのがわかりますが、アクティビティの終了をアニメーション化しようとしても、デフォルトの右から左へのスライドを実行しています。 最初に、次のようにアクティビティを開始するときにアウトアニメーションを定義してみました。 Intent myIntent = new Intent(a, SkdyAlert.class); myIntent.addFlags(Intent.FLAG_ACTIVITY_SINGLE_TOP); a.startActivity(myIntent); if (android.os.Build.VERSION.SDK_INT > android.os.Build.VERSION_CODES.DONUT) { AnimationHelper.overridePendingTransition(a, R.anim.fadein, R.anim.fadeout); } あとは活動終了時にもやってみました okBtn.setOnClickListener(new OnClickListener() { public void onClick(View v) { finish(); if (android.os.Build.VERSION.SDK_INT > android.os.Build.VERSION_CODES.DONUT) { AnimationHelper.overridePendingTransition(activity, 0, R.anim.fadeout); } } }); しかし、これらのアプローチはどちらも、終了アニメーションの「右から左」のスライドを妨げません。私が間違っていることについて何かアイデアはありますか?

9
UITableView行アニメーションの継続時間と完了のコールバック
UITableView行アニメーションの期間を指定する方法、またはアニメーションが完了したときにコールバックを取得する方法はありますか? アニメーションが完了したら、スクロールインジケーターを点滅させます。その前にフラッシュを行っても何も起こりません。これまでのところ、私が持っている回避策は0.5秒遅らせることです(これはデフォルトのアニメーション期間のようです)、すなわち: [self.tableView insertRowsAtIndexPaths:newRows withRowAnimation:UITableViewRowAnimationFade]; [self.tableView performSelector:@selector(flashScrollIndicators) withObject:nil afterDelay:0.5];

6
カスタムダイアログをアニメーション化する
テキストビューからスライドダウンしているように見えるカスタムダイアログを表示しようとしています。これは可能ですか?ダイアログクラスにアニメーションを適用できないようです。私はコンストラクタでこの行を試しましたが、効果はありません: this.getWindow()。setWindowAnimations(R.anim.paranimation); アニメーションが正しいかどうかさえわかりませんが、アニメーションが何をしているのかがわかれば調整できます。完全を期すために、以下にリストします。私は実際のアニメーションについてのヘルプを探しているのではなく、ダイアログへのアプリケーションを探しています。 paranimation.xml: <?xml version="1.0" encoding="utf-8"?> <translate xmlns:android="http://schemas.android.com/apk/res/android" android:fromXDelta="-200%" android:toXDelta="0%" android:fromYDelta="200%" android:toYDelta="0%" android:duration="3000" android:zAdjustment="top"> </translate>

15
React-単一コンポーネントのマウントとアンマウントのアニメーション
この単純なことは簡単に達成できるはずですが、それがいかに複雑であるかについて、私は自分の髪を引き出しています。 私がやりたいのは、Reactコンポーネントのマウントとマウント解除をアニメーション化することだけです。これが私がこれまでに試したことと、それぞれの解決策が機能しない理由です: ReactCSSTransitionGroup -私はCSSクラスをまったく使用していません。すべてJSスタイルなので、これは機能しません。 ReactTransitionGroup-この下位レベルのAPIは優れていますが、アニメーションが完了したときにコールバックを使用する必要があるため、CSSトランジションを使用するだけでは機能しません。常にアニメーションライブラリがあり、次のポイントにつながります。 GreenSock-ライセンスは、ビジネスで使用するIMOには制限が多すぎます。 React Motion-これは素晴らしいようですが、 TransitionMotion私が必要とするものに対して非常に混乱し、過度に複雑です。 もちろん、マテリアルUIと同じように、要素はレンダリングされますが非表示のまま(left: -10000px)ですが、そのルートには行きたくありません。私はそれをハックだと考え、コンポーネントをアンマウントして、コンポーネントがクリーンアップされ、DOMが乱雑にならないようにします。 簡単なものが欲しいに実装。マウント時に、一連のスタイルをアニメーション化します。アンマウント時に、同じ(または別の)スタイルのセットをアニメーション化します。できました。また、複数のプラットフォームで高いパフォーマンスを発揮する必要があります。 ここでレンガの壁にぶつかった。何か足りないことがあり、これを行う簡単な方法がある場合は、お知らせください。

5
jQuery slideUp()。remove()は、削除が発生する前にSlideUpアニメーションを表示しないようです
私はこのJavaScript行を使用しており、私が目にしている動作は、selectedLi「上にスライド」することなく即座に消えるというものです。これは私が期待した動作ではありません。 selectedLi削除する前にスライドを上に移動するにはどうすればよいですか? selectedLi.slideUp("normal").remove();

4
UIViewバウンスアニメーションを作成する方法
と呼ばれるUIViewの次のCATransitionがありますfinalScoreView。これにより、上から画面に入ります。 CATransition *animation = [CATransition animation]; animation.duration = 0.2; animation.type = kCATransitionPush; animation.subtype = kCATransitionFromBottom; animation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn]; [gameOver.layer addAnimation:animation forKey:@"changeTextTransition"]; [finalScoreView.layer addAnimation:animation forKey:@"changeTextTransition"]; ダウンした後に1回バウンドし、その後静止するようにするにはどうすればよいですか?上から画面に入りますが、画面が下がるとバウンドします。 どんな助けでも感謝します、ありがとう!

8
ホバー後にマウスアウトでアニメーションを反転する方法
したがって、次のようなマウス出力で逆アニメーションを作成することができます。 .class{ transform: rotate(0deg); } .class:hover{ transform: rotate(360deg); } しかし、@ keyframesアニメーションを使用すると、それを機能させることができませんでした。例: .class{ animation-name: out; animation-duration:2s; } .class:hover{ animation-name: in; animation-duration:5s; animation-iteration-count:infinite; } @keyframe in{ to {transform: rotate(360deg);} } @keyframe out{ to {transform: rotate(0deg);} } 反復とアニメーション自体が必要であることを知っているので、最適な解決策は何ですか? http://jsfiddle.net/khalednabil/eWzBm/
91 css  animation 


11
アニメーションなしでxcodeでセグエをプッシュ
私は通常のストーリーボードを使用しており、xcodeでセグエをプッシュしていますが、次のビューをスライドせずに、次のビューだけを表示するセグエを使用したいと思います(タブバーを使用して次のビューを表示するときのように)。 カスタムセグエを追加せずに、通常のプッシュセグエを「スライド」ではなく「表示」する簡単な方法はありますか? すべてが完全に正常に機能しています。ビュー間のスライドアニメーションを削除したいだけです。
90 xcode  animation  segue 

3
Android-android.R.anim.slide_in_rightを取得する方法
私はアンドロイドでアニメーションをいじっています。アニメーションandroid.R.anim.slide_in_leftおよびandroid.R.anim.slide_out_rightが提供されています。反対のアニメーションを取得する方法を探しています。 android.R.anim.slide_in_right and android.R.anim.slide_out_left または自分でこれらを指定する方法。

4
UIButtonでネイティブの「パルス効果」アニメーションを実行する方法-iOS
UIButtonに何らかのパルスアニメーション(無限ループ "スケールイン-スケールアウト")を設定して、ユーザーの注意をすぐに引き付けたいと思います。 私はこのリンクを見ました-webkit-animation-外向きのリングを使用してパルス効果を作成する方法が、ネイティブフレームワークのみを使用してこれを行う方法があるかどうか疑問に思っていましたか?

10
AndroidはImageViewでフェードインおよびフェードアウトします
作成中のスライドショーで問題が発生しました。 フェードインとフェードアウト用に2つのアニメーションをxmlで作成しました。 fadein.xml <?xml version="1.0" encoding="UTF-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android"> <alpha android:fromAlpha="0.0" android:toAlpha="1.0" android:interpolator="@android:anim/accelerate_interpolator" android:duration="2000"/> </set> fadeout.xml <?xml version="1.0" encoding="UTF-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android"> <alpha android:fromAlpha="1.0" android:toAlpha="0.0" android:interpolator="@android:anim/accelerate_interpolator" android:duration="2000"/> </set> やろうとしていることは、フェード効果を使用してImageViewから画像を変更することです。これにより、現在表示されている画像がフェードアウトし、別の画像がフェードインします。画像が既に設定されていることを考えると、この画像をフェードアウトすることができますこれで問題: Animation fadeInAnimation = AnimationUtils.loadAnimation(this, R.anim.your_fade_in_anim); imageView.startAnimation(fadeoutAnim); しかし、次に、表示する次の画像を設定します。 imageView.setImageBitmap(secondImage); imageViewに表示されるだけです。アニメーションを設定すると、画像が非表示になり、フェードインされます... imageView.setImageBitmap(secondImage);を実行すると、それを修正する方法はありますか。コマンド、画像はすぐには表示されず、フェードインアニメーションが実行されたときにのみ表示されますか?

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.