Changing visibility of a view to gone with animation

Question

enter image description here

I have 3 textviews in a linear layout. On a button press I have to hide 2 of them, as show in figure above. Right now it suddenly flashes and doesn't look good at all. I want to have a 'collapse' effect so that it slowly goes up like its being shrinked. Any leads on how to do this?

I tries 'animateLayoutChanges' in XML and Tranlate animation but none of them is a smooth experience.

Thanks for helping!

I think the best way is translateanimation . Try it with Java code — Vahe Muradyan, Aug 12 '14 at 10:41
cant you use an objectanimator? just make the set to gone at the end of the animation. — harveyslash, Aug 12 '14 at 11:52

score 1 · Answer 1 · answered Aug 12 '14 at 10:28

1

You can animate your linearlayouts by adding this paramter:

android:animateLayoutChanges="true"

This only works from API 11/Android 3.0. As far is i know, this is the only easy way to animate the change of visibility. If you want something more custom, i don't think there is a shorter way around.

answered Aug 12 '14 at 10:28

Chris

3,329
1
30
44

Tried it already as I mentioned. But its not smooth, still flashes. – Vipul J Aug 12 '14 at 10:29
Have you tried it on a different device? Or with different timings? If you want more control over it, i would suggest to override setVisibility and give it a custom animation there. Check this answer out: http://stackoverflow.com/a/12388385/1759274 – Chris Aug 12 '14 at 10:31

score 0 · Answer 2 · answered Aug 12 '14 at 11:41

For a "collapse" animation you could do the following animation in on click of your textview

TranslateAnimation collapseAnim = new TranslateAnimation(0.0f, 0.0f, 0.0f, -view.getHeight());
        collapseAnim.setAnimationListener(new AnimationListener() {
            //.....

            @Override
            public void onAnimationEnd(Animation animation) {
                view.setVisibility(View.GONE);
            }
        });

        collapseAnim.setDuration(300);
        collapseAnim.setInterpolator(new AccelerateInterpolator(0.5f));
        //Starts Animation
        view.startAnimation(collapseAnim);

score 0 · Answer 3 · answered Aug 12 '14 at 11:51

use this

final ViewGroup.LayoutParams lp = dismissView.getLayoutParams();
    final int originalHeight = dismissView.getHeight();

    ValueAnimator animator = ValueAnimator.ofInt(originalHeight, 1).setDuration(mAnimationTime);

    animator.addListener(new AnimatorListenerAdapter() {
        @Override
        public void onAnimationEnd(Animator animation) {
            //gone dismissView
        }
    });

    animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
        @Override
        public void onAnimationUpdate(ValueAnimator valueAnimator) {
            lp.height = (Integer) valueAnimator.getAnimatedValue();
            dismissView.setLayoutParams(lp);
        }
    });

    animator.start();

Changing visibility of a view to gone with animation

3 Answers3