Android property animation: how to increase view height?

Question

How to increase the view height using Property Animations in Android?

ObjectAnimator a = ObjectAnimator.ofFloat(viewToIncreaseHeight, "translationY", -100);
a.setInterpolator(new AccelerateDecelerateInterpolator());
a.setDuration(1000);
a.start();

The translationY actually moves the view not increase the height. How can I increase the height of the view?

Rajan Kali · Accepted Answer · 2017-09-05T10:15:00.977

153

ValueAnimator anim = ValueAnimator.ofInt(viewToIncreaseHeight.getMeasuredHeight(), -100);
anim.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
    @Override
    public void onAnimationUpdate(ValueAnimator valueAnimator) {
        int val = (Integer) valueAnimator.getAnimatedValue();
        ViewGroup.LayoutParams layoutParams = viewToIncreaseHeight.getLayoutParams();
        layoutParams.height = val;
        viewToIncreaseHeight.setLayoutParams(layoutParams);
    }
});
anim.setDuration(DURATION);
anim.start();

edited Sep 05 '17 at 10:15

answered Sep 29 '15 at 03:54

Rajan Kali

12,627
3
25
37

1

scale increases the height both ways. i want to increase the height to one direction. – g.revolution Sep 29 '15 at 03:58
use `ValueAnimator` instead – Rajan Kali Sep 29 '15 at 04:06
yes, thats what I just did before your answer :-p, but i'll accept it. thanks – g.revolution Sep 29 '15 at 04:07
and who is the viewGroup, from which view are you getting it from? – desgraci Mar 21 '17 at 21:15
9

Very slow method as changing the view will be calculated at each frame. – Abdullah Gheith Oct 11 '18 at 08:58
can we change the pivot? – mrahimygk Feb 18 '21 at 12:07
why start from measuredHeight? actual height would make more sense to me. measuredHeight could be significantly bigger, in which case, the part animating from measuredHeight to height would be doing nothing. – hmac Jun 17 '21 at 12:38
Best solution! Thank you – Oksana Kryvenko Jul 28 '21 at 11:21
Hello @g.revolution, could you please share me your code what increase the height to one direction. I did try the above code but it's changing both ways. Thank in advance! – Na Pro Sep 21 '22 at 04:44

score 18 · Answer 2 · edited Oct 01 '20 at 21:07

18

You can use ViewPropertyAnimator, which can save you some lines of code :

yourView.animate()
   .scaleY(-100f)
   .setInterpolator(new AccelerateDecelerateInterpolator())
   .setDuration(1000);

that should be all you need, be sure to check the documentation and all available methods for ViewPropertyAnimator.

edited Oct 01 '20 at 21:07

Westy92

19,087
4
72
54

answered Sep 29 '15 at 07:17

A Honey Bustard

3,433
2
22
38

Don't forget the closing brackets on that AccelerateDecelerateInterpolator instance creation – RTF Mar 25 '16 at 13:56
20

`scale` will grow the `view` in both directions, and stretch its child views _(if it has any)_. The __OP__ wants to animate the `height` of the `view` only. – Mudlabs Jun 26 '19 at 02:37

score 16 · Answer 3 · answered Jul 22 '19 at 14:10

This is not a direct answer to this question. However, it may help someone.

Sometimes, we want to increase/decrease view's height because some of its child is is being added/removed (or just becoming visible/gone).

On those cases, you really can use Android default animation. As mentioned in other answers, you can set via:

<LinearLayout
    ...
    android:animateLayoutChanges="true"
.../>

Or in Java:

linearLayout.setLayoutTransition(new LayoutTransition());

If you created a custom view:

public StickerPickerView(final Context context, final AttributeSet attrs,
        final int defStyleAttr) {
    super(context, attrs, defStyleAttr);
    setLayoutTransition(new LayoutTransition());
}

For me, it was pretty satisfactory but I just tested on latest APIs. That will automatically add a fade in/out when your view becomes visible. It will also animate the height/width of your view when same changes (like when you change the visibility of one of the child views etc).

So, I recommend to at least give a try.

This is exactly what I was searching for! Sadly, doesn't work on smooth animating recycler view when adding / removing items. Throws exception: Providing a LayoutTransition into RecyclerView is not supported. Please use setItemAnimator() — Aetherna, Feb 06 '21 at 00:33
if ```android:animateLayoutChanges="true"``` didn't work in nested views, then you need to add ```linearlayout.layoutTransition.enableTransitionType(LayoutTransition.CHANGING)``` to the parent layout which will be resized. — Amr, Jul 28 '21 at 06:18

score 7 · Answer 4 · answered Feb 17 '20 at 10:40

Use this method in kotlin:

private fun increaseViewSize(view: View) {
    val valueAnimator = ValueAnimator.ofInt(view.measuredHeight, view.measuredHeight+20)
    valueAnimator.duration = 500L
    valueAnimator.addUpdateListener {
        val animatedValue = valueAnimator.animatedValue as Int
        val layoutParams = view.layoutParams
        layoutParams.height = animatedValue
        view.layoutParams = layoutParams
    }
    valueAnimator.start()
}

score 2 · Answer 5 · answered Jun 17 '21 at 13:28

fun View.animateHeightFromTo(initialHeight: Int, finalHeight: Int) {
    val animator = ValueAnimator.ofInt(initialHeight, finalHeight)
    animator.duration = 250
    animator.addUpdateListener {
        val value = it.animatedValue as Int
        val lp = this.layoutParams
        lp.height = value
        this.layoutParams = lp
        isVisible = value != 0
    }
    animator.start()
}

The visibility setting was convenient for me but you may not want that

score 1 · Answer 6 · answered May 07 '20 at 10:06

For kotlin you can use this method

private fun increaseViewSize(view: View, increaseValue: Int) {
    val valueAnimator =
        ValueAnimator.ofInt(view.measuredHeight, view.measuredHeight + increaseValue)
    valueAnimator.duration = 500L
    valueAnimator.addUpdateListener {
        val animatedValue = valueAnimator.animatedValue as Int
        val layoutParams = view.layoutParams
        layoutParams.height = animatedValue
        view.layoutParams = layoutParams
    }
    valueAnimator.start()
}

It will increase view's size as defined in parameter

based on @Minion answer

score 0 · Answer 7 · answered Dec 01 '20 at 12:58

Here is my code to animate scrolling an item to center of the screen inside a recycleView

// Scrolling with animation
val valueAnimator = ValueAnimator.ofInt(getWidth() / 2)
valueAnimator.duration = 250L
valueAnimator.addUpdateListener {
    val animatedValue = valueAnimator.animatedValue as Int
    (layoutManager as LinearLayoutManager).scrollToPositionWithOffset(itemToScroll, animatedValue)
}
valueAnimator.start()
// End of scrolling with animation

Note it is a bit similar to UIView.animate in Swift, but with more complication

score -2 · Answer 8 · answered Jan 18 '19 at 23:38

-2

It's pretty straight forward as you can see below.

<LinearLayout android:id="@+id/container"
android:animateLayoutChanges="true"
.../>

More info below:

https://developer.android.com/training/animation/layout

answered Jan 18 '19 at 23:38

Amit Garg

541
5
12

In order for this to work you would have to add the view to the layout. – s.pike Apr 16 '19 at 20:52
This solution animates the view's children, not the view itself. – Giulio Piancastelli Aug 09 '19 at 12:55

Android property animation: how to increase view height?

8 Answers8

Linked