Some basic animations in Android

Aman Gupta

20 September 2017

Uses of animations make your application more realistic, more attractive and easy to use. So in this blog, we are going to show you how to add basic animation in your Views to make it attractive by java code. Animations can add be notify users about what’s going on in your app and improve their thinking model of your app’s interface

Implementation

This animation is of view translation with fade in and fade out effect on the view,

In xml,

<LinearLayout android:id="@+id/content_frame" android:layout_width="match_parent" android:layout_height="55dp" android:background="@color/background_color" />

1
2
3
4
5

<LinearLayout
            android:id="@+id/content_frame"
            android:layout_width="match_parent"
            android:layout_height="55dp"
            android:background="@color/background_color" />

In Java,

mBinding.toolbar.animate().translationY(-(mBinding.toolbar.getHeight()).setDuration(1000) .alpha(0.0f);

1
2

mBinding.toolbar.animate().translationY(-(mBinding.toolbar.getHeight()).setDuration(1000)
.alpha(0.0f);

By above function, you can translate your view with fade out effect.

translationY: translate your view in Y direction.
setDuration(1000) sets the duration of the animation to 1 seconds
alpha(0) the view’s alpha property will be animated to this value (completely fade out)

You can also add the listener to your animation that what you want to do before or after performing the animation.

mBinding.toolbar.animate().alpha(0.0f).translationY(0).setListener(new Animator.AnimatorListener() { @Override public void onAnimationStart(Animator animation) { } @Override public void onAnimationEnd(Animator animation) { mBinding.toolbar.setVisibility(View.GONE); } @Override public void onAnimationCancel(Animator animation) { } @Override public void onAnimationRepeat(Animator animation) { } });

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

mBinding.toolbar.animate().alpha(0.0f).translationY(0).setListener(new Animator.AnimatorListener() {
    @Override
    public void onAnimationStart(Animator animation) {

    }

    @Override
    public void onAnimationEnd(Animator animation) {
        mBinding.toolbar.setVisibility(View.GONE);
    }

    @Override
    public void onAnimationCancel(Animator animation) {

    }

    @Override
    public void onAnimationRepeat(Animator animation) {

    }
});

Thanks for the reading this blog, if you have any doubt and query comment below.

Happy Coding and Stay Super.