Show and hide a View with a slide up/down animation

by

With the new animation API that was introduced in Android 3.0 (Honeycomb) it is very simple to create such animations.

Sliding a View down by a distance:

view.animate().translationY(distance);

You can later slide the View back to its original position like this:

view.animate().translationY(0);

You can also easily combine multiple animations. The following animation will slide a View down by its height and fade it in at the same time:

// Prepare the View for the animation
view.setVisibility(View.VISIBLE);
view.setAlpha(0.0f);

// Start the animation
view.animate()
    .translationY(view.getHeight())
    .alpha(1.0f)
    .setListener(null);

You can then fade the View back out and slide it back to its original position. We also set an AnimatorListener so we can set the visibility of the View back to GONE once the animation is finished:

view.animate()
    .translationY(0)
    .alpha(0.0f)
    .setListener(new AnimatorListenerAdapter() {
        @Override
        public void onAnimationEnd(Animator animation) {
            super.onAnimationEnd(animation);
            view.setVisibility(View.GONE);
        }
    });

More Related Contents:

  1. android animation is not finished in onAnimationEnd
  2. Resizing layouts programmatically (as animation)
  3. How to maintain multi layers of ImageViews and keep their aspect ratio based on the largest one?
  4. How do android screen coordinates work?
  5. Android fade in and fade out with ImageView
  6. How to Animate Addition or Removal of Android ListView Rows
  7. How to animate a View with Translate Animation in Android
  8. Adding Ripple Effect to RecyclerView item
  9. How to animate a path on an Android Canvas
  10. Problem to achieve curved animation [duplicate]
  11. Android scale animation on view
  12. How can I add an animation to the activity finish()
  13. Android animation does not repeat
  14. How to create an animated GIF from JPEGs in Android (development)
  15. Animate ProgressBar update in Android
  16. Android: Using ObjectAnimator to translate a View with fractional values of the View’s dimension
  17. Change ViewPager animation duration when sliding programmatically
  18. Performing action after fragment transaction animation is finished
  19. How to stop an animation (cancel() does not work)
  20. Android translate animation – permanently move View to new position using AnimationListener
  21. Pop the fragment backstack without playing the Pop-Animation
  22. Expand/Collapse Lollipop toolbar animation (Telegram app)
  23. Causing OutOfMemoryError in Frame by Frame Animation in Android
  24. Can I change the Android startActivity() transition animation?
  25. FragmentTransaction animation to slide in over top
  26. How do I do something when an animation finishes?
  27. Button states with Background as AnimationDrawable in Android
  28. Set default page for ViewPager in Android
  29. Button is not clickable after TranslateAnimation
  30. Fragment standard transition not animating

Leave a Comment