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

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

12
制約の変更をアニメーション化するにはどうすればよいですか?
古いアプリをで更新AdBannerViewしています。広告がない場合、画面からスライドします。広告がある場合、画面上をスライドします。基本的なもの。 古いスタイルで、アニメーションブロックにフレームを設定しました。新しいスタイル、私はIBOutlet自動レイアウトの制約にY位置を決定します。この場合、スーパービューの下部からの距離であり、定数を変更します: - (void)moveBannerOffScreen { [UIView animateWithDuration:5 animations:^{ _addBannerDistanceFromBottomConstraint.constant = -32; }]; bannerIsVisible = FALSE; } - (void)moveBannerOnScreen { [UIView animateWithDuration:5 animations:^{ _addBannerDistanceFromBottomConstraint.constant = 0; }]; bannerIsVisible = TRUE; } バナーは予想通りに動きますが、アニメーションはありません。 更新:私はアニメーションをカバーするWWDC 12トークオートレイアウトをマスターするためのベストプラクティスを再視聴しました。CoreAnimationを使用して制約を更新する方法について説明します。 次のコードを試してみましたが、まったく同じ結果が得られます。 - (void)moveBannerOffScreen { _addBannerDistanceFromBottomConstraint.constant = -32; [UIView animateWithDuration:2 animations:^{ [self.view setNeedsLayout]; }]; bannerIsVisible = FALSE; } …


30
Android:展開/折りたたみアニメーション
垂直方向のlinearLayoutがあるとしましょう: [v1] [v2] デフォルトでは、v1にはvisibily = GONEがあります。展開アニメーションでv1を表示し、同時にv2を押し下げたいです。 私はこのようなものを試しました: Animation a = new Animation() { int initialHeight; @Override protected void applyTransformation(float interpolatedTime, Transformation t) { final int newHeight = (int)(initialHeight * interpolatedTime); v.getLayoutParams().height = newHeight; v.requestLayout(); } @Override public void initialize(int width, int height, int parentWidth, int parentHeight) { super.initialize(width, height, parentWidth, …
449 android  animation 

15
Androidでビューの背景色の変化をアニメーション化する
Androidでビューの背景色の変化をどのようにアニメーション化しますか? 例えば: 背景色が赤のビューがあります。ビューの背景色が青に変わります。色をスムーズに切り替えるにはどうすればよいですか? ビューでこれを行うことができない場合は、代替案を歓迎します。

8
要素に複数のCSS遷移を設定するにはどうすればよいですか?
これはかなり簡単な質問ですが、CSS遷移プロパティに関する非常に優れたドキュメントは見つかりません。以下はCSSスニペットです。 .nav a { text-transform:uppercase; text-decoration:none; color:#d3d3d3; line-height:1.5 em; font-size:.8em; display:block; text-align:center; text-shadow: 0 -1.5em 0 rgba(255, 255, 255, 0.15); -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -o-transition: color .2s linear; transition: color .2s linear; -webkit-transition: text-shadow .2s linear; -moz-transition: text-shadow .2s linear; -o-transition: text-shadow .2s linear; transition: text-shadow …

16
スライドアップ/ダウンアニメーションでビューを表示および非表示にします
でLinearLayout表示または非表示にするAnimation、私はその可視性を変更するたびに上または下にレイアウトをプッシュしています。 私はいくつかのサンプルを見ましたが、どれも私のニーズに合いません。 アニメーション用に2つのxmlファイルを作成しましたが、の表示を変更したときにそれらを開始する方法がわかりませんLinearLayout。

27
UIView Infinite 360​​度回転アニメーション?
私はUIImageView360度回転させようとしていて、オンラインでいくつかのチュートリアルを見てきました。私はUIView、停止するか、新しい位置にジャンプすることなく、それらのどれも機能させることができませんでした。 どうすればこれを達成できますか? 私が試した最新のものは: [UIView animateWithDuration:1.0 delay:0.0 options:0 animations:^{ imageToMove.transform = CGAffineTransformMakeRotation(M_PI); } completion:^(BOOL finished){ NSLog(@"Done!"); }]; しかし、2 * piを使用すると、(同じ位置であるため)まったく移動しません。pi(180度)だけを実行しようとしても機能しますが、メソッドを再度呼び出すと逆方向に回転します。 編集: [UIView animateWithDuration:1.0 delay:0.0 options:0 animations:^{ [UIView setAnimationRepeatCount:HUGE_VALF]; [UIView setAnimationBeginsFromCurrentState:YES]; imageToMove.transform = CGAffineTransformMakeRotation(M_PI); } completion:^(BOOL finished){ NSLog(@"Done!"); }]; どちらも機能しません。それに行く180当時にリセットし、度、一瞬のために一時停止し0、再度開始する前に度。

30
jQueryで要素を「フラッシュ」する方法
私はjQueryを初めて使用し、Prototypeを使用した経験があります。プロトタイプには、要素を「フラッシュ」するメソッドがあります。それを別の色で簡単に強調表示し、通常の色にフェードバックして、ユーザーの目を引き付けます。jQueryにそのようなメソッドはありますか?fadeIn、fadeOut、およびアニメーションが表示されますが、「フラッシュ」のようなものは表示されません。おそらく、これら3つのうちの1つを適切な入力で使用できますか?


7
CSS3回転アニメーション
<img class="image" src="" alt="" width="120" height="120"> このアニメーション画像を機能させることができません。360度回転するはずです。 以下のCSSはまだ静止しているため、何か問題があると思います。 .image { float: left; margin: 0 auto; position: absolute; top: 50%; left: 50%; width: 120px; height: 120px; margin-top: -60px; margin-left: -60px; -webkit-animation-name: spin; -webkit-animation-duration: 4000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 4000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spin; -ms-animation-duration: 4000ms; -ms-animation-iteration-count: …
244 image  css  animation  rotation 

25
ナビゲーションベースのアプリでプッシュアニメーションとポップアニメーションを変更する方法
ナビゲーションベースのアプリケーションがあり、プッシュアニメーションとポップアニメーションのアニメーションを変更したい。どうすればいいですか? 2018年を編集 この質問には多くの回答があり、かなり前からありますが、私が今最も関連性があると思うものへの回答を再選択しました。他に考えている人がいたらコメントで教えてください

16
Androidで画像をスムーズに回転させる方法は?
私が使用しているRotateAnimation私は、Androidでカスタム循環的スピナーとして使用していますというイメージを回転させます。rotate_indefinitely.xmlこれが私が置いた私のファイルですres/anim/: <?xml version="1.0" encoding="UTF-8"?> <rotate xmlns:android="http://schemas.android.com/apk/res/android" android:fromDegrees="0" android:toDegrees="360" android:pivotX="50%" android:pivotY="50%" android:repeatCount="infinite" android:duration="1200" /> これを私のImageViewusing に適用すると、AndroidUtils.loadAnimation()うまく機能します! spinner.startAnimation( AnimationUtils.loadAnimation(activity, R.anim.rotate_indefinitely) ); 1つの問題は、画像の回転が各サイクルの上部で一時停止しているように見えることです。 つまり、画像は360度回転し、一時停止してから、再び360度回転します。 問題は、アニメーションがandroid:iterpolator="@android:anim/accelerate_interpolator"(AccelerateInterpolator)のようなデフォルトの補間を使用していることだと思いますが、アニメーションを補間しないように指示する方法がわかりません。 アニメーションのサイクルをスムーズにするには、どうすれば補間をオフにできますか(実際に問題がある場合)。
217 android  animation  view 

21
表の行でSlideDown(またはShow)関数を使用する方法
テーブルに行を追加し、その行をスライドさせて表示しようとしていますが、slidedown関数は、レイアウトを混乱させるテーブル行にdisplay:blockスタイルを追加しているようです。 これを回避する方法はありますか? これがコードです: $.get('/some_url', { 'val1': id }, function (data) { var row = $('#detailed_edit_row'); row.hide(); row.html(data); row.slideDown(1000); } );

14
Androidリストビュー行の追加または削除をアニメーション化する方法
iOSには、UITableView行の追加と削除をアニメーション化するための非常に簡単で強力な機能があります。これは、デフォルトのアニメーションを示すYouTubeビデオのクリップです。周囲の行が削除された行にどのように折りたたまれているかに注意してください。このアニメーションは、ユーザーがリストで何が変更されたか、データが変更されたときにリストのどこを見ているかを追跡するのに役立ちます。 私はAndroidで開発してきたので、TableViewの個々の行をアニメーション化する同等の機能を見つけられませんでした。notifyDataSetChanged()アダプタを呼び出すと、ListViewはそのコンテンツを新しい情報ですぐに更新します。データが変更されたときに新しい行が押し込まれるか、またはスライドする簡単なアニメーションを表示したいのですが、これを行うための文書化された方法が見つかりません。LayoutAnimationControllerがこれを機能させるためのキーを保持しているように見えますが、ListViewにLayoutAnimationControllerを設定し(ApiDemoのLayoutAnimation2と同様)、リストが表示された後にアダプターから要素を削除すると、要素はアニメーション化されずにすぐに消えます。 個別のアイテムが削除されたときにアニメーション化するために、次のようなことも試しました。 @Override protected void onListItemClick(ListView l, View v, final int position, long id) { Animation animation = new ScaleAnimation(1, 1, 1, 0); animation.setDuration(100); getListView().getChildAt(position).startAnimation(animation); l.postDelayed(new Runnable() { public void run() { mStringList.remove(position); mAdapter.notifyDataSetChanged(); } }, 100); } ただし、アニメーション化された行を囲む行notifyDataSetChanged()は、呼び出されたときに新しい位置にジャンプするまで位置を移動しません。要素が配置されても、ListViewはレイアウトを更新しないようです。 ListViewの独自の実装/フォークを作成することは私の心を超えましたが、これはそれほど難しいことではないようです。 ありがとう!

7
2つのjQueryアニメーションを同時に実行する方法は?
2つの異なる要素で2つのアニメーションを同時に実行することはできますか?この質問の反対の質問が必要ですJqueryキューイングアニメーション。 私はこのようなことをする必要があります... $('#first').animate({ width: 200 }, 200); $('#second').animate({ width: 600 }, 200); しかし、これら2つを同時に実行します。私が考えることができる唯一のことsetTimeoutは、アニメーションごとに一度使用することですが、それが最良の解決策だとは思いません。

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