Fade In Fade Out Android Animation in Java

Question

I want to have a 2 second animation of an ImageView that spends 1000ms fading in and then 1000ms fading out   Here s what I have so far in my ImageView constructor   Animation fadeIn   new AlphaAnimation 0  1   fadeIn setDuration 1000    Animation fadeOut   new AlphaAnimation 1  0   fadeOut setStartOffset 1000   fadeOut setDuration 1000    AnimationSet animation   new AnimationSet true   animation addAnimation fadeIn   animation addAnimation fadeOut   this setAnimation animation     When I run that animation  nothing shows up  However  when I remove one of the alpha animations  the behavior works as expected   Things I have already tried    Every conceivable combination of setFillBefore  setFillAfter  and setFillEnabled  Adding a LinearInterpolator to the AnimationSet

User · Answer

As I believe in the power of XML  for layouts   this is the equivalent for the accepted answer  but purely as an animation resource    lt  xml version  1 0  encoding  utf-8   gt   lt set xmlns android  http   schemas android com apk res android      android interpolator   android interpolator accelerate decelerate      android fillAfter  true  gt       lt alpha         android fromAlpha  0          android toAlpha  1          android duration  1000    gt       lt alpha         android fromAlpha  1          android toAlpha  0          android duration  1000          android startOffset  1000   gt   lt  set gt    The fillAfter is for the fade to remain after completing the animation  The interpolator handles interpolation of the animations  as you can guess  You can also use other types of interpolators  like Linear or Overshoot   Be sure to start your animation on your view   yourView startAnimation AnimationUtils loadAnimation co  ntext  R anim fade

User · Answer

I really like Vitaly Zinchenkos solution since it was short  Here is an even briefer version in kotlin for a simple fade out viewToAnimate  alpha   1f viewToAnimate  animate                  alpha 0f                 setDuration 1000                 setInterpolator DecelerateInterpolator                   start

User · Answer

viewToAnimate animate   alpha 1  setDuration 1000  setInterpolator new DecelerateInterpolator    withEndAction new Runnable          Override     public void run             viewToAnimate animate   alpha 0  setDuration 1000  setInterpolator new AccelerateInterpolator    start             start

User · Answer

Figured out my own problem  The solution ended up being based in interpolators    Animation fadeIn   new AlphaAnimation 0  1   fadeIn setInterpolator new DecelerateInterpolator       add this fadeIn setDuration 1000    Animation fadeOut   new AlphaAnimation 1  0   fadeOut setInterpolator new AccelerateInterpolator       and this fadeOut setStartOffset 1000   fadeOut setDuration 1000    AnimationSet animation   new AnimationSet false     change to false animation addAnimation fadeIn   animation addAnimation fadeOut   this setAnimation animation       If you are using Kotlin  val fadeIn   AlphaAnimation 0f  1f  fadeIn interpolator   DecelerateInterpolator     add this fadeIn duration   1000  val fadeOut   AlphaAnimation 1f  0f  fadeOut interpolator   AccelerateInterpolator     and this fadeOut startOffset   1000 fadeOut duration   1000  val animation   AnimationSet false    change to false animation addAnimation fadeIn  animation addAnimation fadeOut  this setAnimation animation

User · Answer

Another alternative   No need to define 2 animation for fadeIn and fadeOut  fadeOut is reverse of fadeIn   So you can do this with Animation REVERSE like this   AlphaAnimation alphaAnimation   new AlphaAnimation 0 0f  1 0f   alphaAnimation setDuration 1000   alphaAnimation setRepeatCount 1   alphaAnimation setRepeatMode Animation REVERSE   view findViewById R id imageview logo  startAnimation alphaAnimation     then onAnimationEnd   alphaAnimation setAnimationListener new Animation AnimationListener          Override         public void onAnimationStart Animation animation                  TODO  Run when animation start                     Override         public void onAnimationEnd Animation animation                  TODO  Run when animation end                     Override         public void onAnimationRepeat Animation animation                  TODO  Run when animation repeat

User · Answer

If you use Animator for make animation you can  anim  directory  -  fade out xml   lt  xml version  1 0  encoding  UTF-8   gt   lt objectAnimator     android propertyName  alpha      android valueFrom  0      android valueTo  1      xmlns android  http   schemas android com apk res android   gt    In java   Animator animator   AnimatorInflater loadAnimator context  R animator fade out   animator setTarget the view you want to animation   animator setDuration 1000   animator start      Other way to make animation fade out with only java code is  ObjectAnimator fadeOut   ObjectAnimator ofFloat the view you want to animation   alpha    1f  0   fadeOut setDuration 2000   fadeOut start

User · Answer

AnimationSets don t appear to work as expected at all  In the end I gave up and used the Handler class s postDelayed   to sequence animations

User · Answer

You can also use animationListener  something like this   fadeIn setAnimationListener new AnimationListener          Override     public void onAnimationEnd Animation animation            this startAnimation fadeout

User · Answer

Here is what I used to fade in out Views  hope this helps someone   private void crossFadeAnimation final View fadeInTarget  final View fadeOutTarget  long duration       AnimatorSet mAnimationSet   new AnimatorSet        ObjectAnimator fadeOut   ObjectAnimator ofFloat fadeOutTarget  View ALPHA   1f  0f       fadeOut addListener new Animator AnimatorListener              Override         public void onAnimationStart Animator animation                        Override         public void onAnimationEnd Animator animation                fadeOutTarget setVisibility View GONE                       Override         public void onAnimationCancel Animator animation                        Override         public void onAnimationRepeat Animator animation                          fadeOut setInterpolator new LinearInterpolator          ObjectAnimator fadeIn   ObjectAnimator ofFloat fadeInTarget  View ALPHA  0f  1f       fadeIn addListener new Animator AnimatorListener              Override         public void onAnimationStart Animator animation                fadeInTarget setVisibility View VISIBLE                       Override         public void onAnimationEnd Animator animation               Override         public void onAnimationCancel Animator animation               Override         public void onAnimationRepeat Animator animation                 fadeIn setInterpolator new LinearInterpolator         mAnimationSet setDuration duration       mAnimationSet playTogether fadeOut  fadeIn       mAnimationSet start

User · Answer

Here is my solution using AnimatorSet which seems to be a bit more reliable than AnimationSet      Custom animation on image ImageView myView    ImageView splashDialog findViewById R id splashscreenImage    ObjectAnimator fadeOut   ObjectAnimator ofFloat myView   alpha    1f   3f   fadeOut setDuration 2000   ObjectAnimator fadeIn   ObjectAnimator ofFloat myView   alpha    3f  1f   fadeIn setDuration 2000    final AnimatorSet mAnimationSet   new AnimatorSet     mAnimationSet play fadeIn  after fadeOut    mAnimationSet addListener new AnimatorListenerAdapter          Override     public void onAnimationEnd Animator animation            super onAnimationEnd animation           mAnimationSet start              mAnimationSet start

User · Answer

I know that this already has been answered but         lt  xml version  1 0  encoding  utf-8   gt    lt alpha xmlns android  http   schemas android com apk res android      android fromAlpha  1 0       android toAlpha  0 0       android duration  1000          android repeatCount  infinite       android repeatMode  reverse        gt    Quick and easy way to quickly do a fade in and out with a self repeat  Enjoy  EDIT   In your activity add this   yourView startAnimation AnimationUtils loadAnimation co  ntext  R anim yourAnimation

[android] Fade In Fade Out Android Animation in Java

Examples related to android

Examples related to animation