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

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

4
アクティビティ遷移でフェードアニメーションを実行するにはどうすればよいですか?
ロゴアクティビティとメインアクティビティの間の移行効果を調整していますが、アクティビティが消える前に上部に移動するという問題があります。 <?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" android:shareInterpolator="false" > <alpha android:duration="2000" android:fromAlpha="0.0" android:toAlpha="1.0" > </alpha> </set> このコードを改善して、消失効果のみを取得するにはどうすればよいですか?

4
UIViewブロックベースのアニメーションをキャンセルするにはどうすればよいですか?
私はたくさんのSOのものとAppleの参考文献を検索しましたが、それでも私の問題を管理することができません。 私が持っているもの: 2UIImageView秒と2UIButton秒が接続された画面 2種類のアニメーション: 各画像を次々にスケールアップしてからスケールダウンします。 viewDidLoad ボタンが押されると(それぞれの「内側」に隠されたカスタムボタンUIImageView)、適切なアニメーションがトリガーされますUIImageView(両方ではなく、1つだけ)(スケールアップしてからダウンします)。 iOS4 +用に書いているときに、ブロックベースのアニメーションを使用するように言われました。 必要なもの: 実行中のアニメーションをキャンセルするにはどうすればよいですか?最後の1つを除いて結局キャンセルすることができました...:/ これが私のコードスニペットです: [UIImageView animateWithDuration:2.0 delay:0.1 options:UIViewAnimationOptionAllowUserInteraction animations:^{ isAnimating = YES; self.bigLetter.transform = CGAffineTransformScale(self.bigLetter.transform, 2.0, 2.0); } completion:^(BOOL finished){ if(! finished) return; [UIImageView animateWithDuration:2.0 delay:0.0 options:UIViewAnimationOptionAllowUserInteraction animations:^{ self.bigLetter.transform = CGAffineTransformScale(self.bigLetter.transform, 0.5, 0.5); } completion:^(BOOL finished){ if(! finished) return; [UIImageView animateWithDuration:2.0 delay:0.0 …

23
Androidアニメーションが繰り返されない
数回(または無限に)繰り返される単純なアニメーションを作成しようとしています。 それはそうandroid:repeatCount動作しません! これが私のアニメーションリソースです/res/anim/first_animation.xml: <?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" android:shareInterpolator="false" android:repeatCount="infinite" > <scale android:interpolator="@android:anim/decelerate_interpolator" android:duration="500" android:fromXScale="1.0" android:fromYScale="1.0" android:toXScale="1.2" android:toYScale="1.2" android:pivotX="50%" android:pivotY="50%" android:fillAfter="false" /> <scale android:interpolator="@android:anim/accelerate_interpolator" android:startOffset="500" android:duration="500" android:fromXScale="1.2" android:fromYScale="1.2" android:toXScale="1.0" android:toYScale="1.0" android:pivotX="50%" android:pivotY="50%" android:fillAfter="false" /> </set> まず、500ミリ秒で画像を1.0から1.2サイズに拡大縮小する必要があります。 そして、500ミリ秒で1.0にスケールバックします。 これが私がそれをどのように使っているかです: Animation firstAnimation = AnimationUtils.loadAnimation(this, R.anim.first_animation); imgView.startAnimation(firstAnimation); 1サイクルで終了します。 スケールアップしてからスケールダウンして停止します。 どうすればこれを意図したとおりに機能させることができますか?

4
View.setVisibility(GONE)をアニメーション化するにはどうすればよいですか
可視性がに設定されたAnimationときのforを作成したいと思います。単に消えるのではなく、「崩壊」する必要があります。これを試してみましたが、は折りたたまれていますが、レイアウトは停止(または開始)後(または開始前)にのみスペースのサイズを変更します。ViewGONEViewScaleAnimationViewAnimation Animationアニメーション化中に、下部Viewのsが空白ではなく、コンテンツの真下にとどまるようにするにはどうすればよいですか?

2
プログラムでandroid:animateLayoutChangesを設定する
私はlinearLayoutsをプログラムで作成しており、可視性がvisible / goneに設定されたときにフェードインおよびフェードアウトしたいと思っています。 設定できます android:animateLayoutChanges="true" xmlファイルにありますが、プログラムでビューを作成しているので、プログラムで設定する必要があります。どうやってやるの?

7
パルスハートCSSアニメーション
私はCSSだけでアニメーションの心臓に取り組んでいます。 2回パルスし、少し休憩してから、もう一度繰り返します。 私が今持っているもの: small ==> big ==> small ==> repeat animation 私が何をしようとしているのか: small ==> big ==> small ==> big ==> small ==> pause ==> repeat animation どうすればいいですか? 私のコード: #button{ width:450px; height:450px; position:relative; top:48px; margin:0 auto; text-align:center; } #heart img{ position:absolute; left:0; right:0; margin:0 auto; -webkit-transition: opacity 7s ease-in-out; -moz-transition: opacity …
83 html  css  animation 

20
iPhone WebKitCSSアニメーションはちらつきを引き起こします
これはiphoneサイトです:http: //www.thevisionairegroup.com/projects/accessorizer/site/ 「今すぐプレイ」をクリックすると、ゲームが表示されます。銃がスクロールインします。財布とアクセサリーを上下にスクロールできます。手放すと、所定の位置にカチッとはまることがわかります。そのスナップが発生するのと同じように、ちらつきが発生します。私が使用しているWebkitアニメーションは次のとおりです。 '-webkit-transition': 'none' '-webkit-transition': 'all 0.2s ease-out' '-webkit-transform': 'translate(XXpx, XXpx)' アニメーション化するかどうかに基づいて、最初または2番目のトランジションを選択します。変換は、物事を移動する唯一の方法です。 ただし、最大の問題は、[アイテムを一致させる]をクリックしてから、[もう一度再生]をクリックすることです。銃がアニメートされると、アクセサリー/ハンドバッグの背景全体が白くなります。誰かがなぜこれが起こっているのかについての洞察を私に放射してくれませんか?

6
UIStackViewビューアニメーションを非表示
iOS 11では、内の非表示アニメーションの動作 UIStackViewが変更されましたが、これが文書化されている場所を見つけることができませんでした。 iOS 10 iOS 11 両方のコードは次のとおりです。 UIView.animate(withDuration: DiscoverHeaderView.animationDuration, delay: 0.0, usingSpringWithDamping: 0.9, initialSpringVelocity: 1, options: [], animations: { clear.isHidden = hideClear useMyLocation.isHidden = hideLocation }, completion: nil) iOS 11で以前の動作を復元するにはどうすればよいですか?

16
UIViewシェイクアニメーション
ボタンが押されたときにUIViewをシェイクさせようとしています。 http://www.cimgf.com/2008/02/27/core-animation-tutorial-window-shake-effect/で見つけたコードを適応させています。 ただし、次のコードを適応させてUIViewをシェイクしようとすると、機能しません。 - (void)animate { const int numberOfShakes = 8; const float durationOfShake = 0.5f; const float vigourOfShake = 0.1f; CAKeyframeAnimation *shakeAnimation = [CAKeyframeAnimation animation]; CGRect frame = lockView.frame; CGMutablePathRef shakePath = CGPathCreateMutable(); CGPathMoveToPoint(shakePath, NULL, CGRectGetMinX(frame), CGRectGetMinY(frame)); for (int index = 0; index < numberOfShakes; ++index) { CGPathAddLineToPoint(shakePath, NULL, …

7
Androidでビューをアニメーション化し、新しい位置/サイズのままにする方法は?
現在、Androidアプリにビューがあり、ビューはフレームアニメーションを再生しています。ビューをアニメーション化して、サイズを150%に増やしたいと思います。スケールアニメーションを適用し、スケールアニメーションが完了したら、アクティビティのライフサイクルの残りの間、ビューアをその新しいサイズのままにしておく必要があります。残念ながら、現在、スケールアップアニメーションが完了すると、ビューは元のサイズに戻ります。新しいアニメーション変換を維持するにはどうすればよいですか? 使っています myView.startAnimation(AnimationUtils.loadAnimation(mContext,R.anim.scaleUp150)); ありがとう!

6
2つの数字の間のUILabelテキストをアニメーション化しますか?
私はiPhoneとMacプログラミング(以前はWindows用に開発された)に不慣れで、質問があります: イーズアウトスタイルで5から80など、2つの数値の間のtextプロパティをアニメーション化するにはどうすればよいですか?それは可能ですか?Googleで1時間検索しましたが、問題を解決するものが見つかりませんでした。私が欲しいもの:簡単なゲームのためにユーザーのお金をアニメートします。アニメーションなしで50から100などになると、見栄えが悪くなります。UILabelCoreAnimation それを行う方法を知っている人はいますか? ありがとう!

1
ポイントが留まり、線がフェードするgananimateプロット
これは、アニメーション化したい静的プロットの再現可能な例です(MCMCサンプラーの動作を示したい)。 library(tidyverse) library(gganimate) set.seed(1234) plot_data <- tibble(x=cumsum(rnorm(100)), y=cumsum(rnorm(100)), time=1:length(x)) ggplot(data=plot_data, aes(x=y, y=x)) + geom_point() + geom_line() 私が見たいのは、ポイントが描画されて少しフェードアウトしたときに表示されるポイントです(つまり、アルファは1から0.3に変わります)。最近の履歴のみを表示するラインがあります(理想的には、最新の履歴は最も色あせが少なく、数歩以上前に完全に消えています)。 次は、ポイントに必要なものをほぼ達成します(つまり、最後のいくつかのポイントを接続するフェージングラインをこれに追加したいだけです。ポイントは、いくつかのフレームでゆっくりとフェージングがさらに良くなります)。 ggplot(data=plot_data, aes(x=y, y=x)) + geom_point() + transition_time(time) + shadow_mark(past = T, future=F, alpha=0.3) 私が苦労しているのは、ポイントとラインなど、2つのジオメトリに2つの異なる動作を追加する方法です。たとえば、以下では点が消え(私はそれらが欲しくない)、線は消えません(私はそれらが欲しがります)。 p <- ggplot(data=plot_data, aes(x=y, y=x)) + geom_point() + transition_time(time) + shadow_mark(past = T, future=F, alpha=0.3) p + geom_line() …

2
`react-beautiful-dnd`が` react-transition-group`アニメーションをトリガーしないようにするにはどうすればよいですか?
私の問題を説明するビデオ:https : //i.imgur.com/L3laZLc.mp4 カードを2つの異なる行に追加できるシンプルなアプリがあります。カードが行に追加されるとreact-transition-group、「エンター」アニメーションをトリガーするために使用しています。 ただし、react-beautiful-dnd行間でカードをドラッグできるようにインストールし、行自体を並べ替えることもできます。ただし、カードが新しい行に移動されたとき、または行が並べ替えられたときに、一部のカードには「エンター」アニメーションが発生します。 ドラッグすると、次の場合に不要なアニメーションが起動します カードは別の行にドラッグされます。 行が再注文され、2つの行のカードの数が異なります。 奇妙なことに、不要なアニメーションは発生しません カードは、元の行内の新しい位置にドラッグされます。 行は並べ替えられ、行には同じ数のカードがあります。 を使用してを変更したreact-transition-groupときにアニメーションが起動しないようにする方法を知りたいのstateですがreact-beautiful-dnd。 私の問題のサンドボックス(App.jsファイル内のコメントの詳細): https://codesandbox.io/s/get-beautiful-drag-to-not-trigger-transition-group-tc40w?fontsize=14&hidenavigation=1&theme=dark

1
3D曲線の接線のアニメーション
3Dカーブに沿って接線をアニメーション化するPythonプログラムを書いています。しかし、接線が動いていません。問題は line.set_data(np.array(Tangent[:,0]).T,np.array(Tangent[:,1]).T) でanimate(i)私は理解できません。どんな助けでもありがたいです。以下はコードです。 from mpl_toolkits import mplot3d import numpy as np import matplotlib.pyplot as plt from matplotlib.animation import FuncAnimation import matplotlib matplotlib.use( 'tkagg' ) plt.style.use('seaborn-pastel') fig = plt.figure() ax = plt.axes(projection='3d') ax = plt.axes(projection='3d') # Data for a three-dimensional line zline = np.linspace(0, 15, 1000) xline = np.sin(zline) yline = …
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.