Animate navigation bar color Android

Question

I have in my styles

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <style name="MYTheme" parent="...">
        <item name="android:navigationBarColor">@color/navigationBarColor</item>
    </style>
</resources>

I know I can change the color of the navigation bar with

getWindow().setNavigationBarColor(...);

I want change the color with an animation, a transition between the current color and the new color

I think objectAnimator wil help you – N J May 11 '15 at 02:59 — N J, May 11 '15 at 02:59
@Nilesh can you provide an example? – rkmax May 11 '15 at 12:34 — rkmax, May 11 '15 at 12:34

Egor Neliuba · Answer 1 · 2015-05-11T14:27:21.830

6

You can animate color change using ValueAnimator.ofArgb. I must mention that it is supported only beginning with API >= 21. This shouldn't be a problem, though, because setNavigationBarColor is >= 21 too.

int from = getWindow().getNavigationBarColor();
int to = Color.BLACK; // new color to animate to

ValueAnimator colorAnimation = ValueAnimator.ofArgb(from, to);
colorAnimation.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
    @Override
    public void onAnimationUpdate(ValueAnimator animator) {
        getWindow().setNavigationBarColor((Integer) animator.getAnimatedValue());
    }
});
colorAnimation.start();

edited May 11 '15 at 14:27

answered May 11 '15 at 12:57

Egor Neliuba

14,784
7
59
77

Look at my answer and check how to make it API 11+ compatible. – Joaquin Iurchuk May 11 '15 at 13:20
@joaquin, your answer is still 21+ only, because `setNavigationBarColor` is 21+. – Egor Neliuba May 11 '15 at 13:25

score 0 · Answer 2 · edited May 23 '17 at 11:45

I agree partially with Egor N's answer. But my answer will make your app compatible backwards to API 11 instead of 21, as he suggests.

I share this answer

Integer colorFrom = getWindow().getNavigationBarColor();
Integer colorTo = Color.BLACK;
ValueAnimator colorAnimation = ValueAnimator.ofObject(new ArgbEvaluator(), colorFrom, colorTo);
colorAnimation.addUpdateListener(new AnimatorUpdateListener() {

    @Override
    public void onAnimationUpdate(ValueAnimator animator) {
        getWindow().setNavigationBarColor((Integer) animator.getAnimatedValue());
    }

});
colorAnimation.start();

Animate navigation bar color Android

2 Answers2