Breaking News

Android Bounce Text Animation example in Android

Android Text Animation Example

Bounce Animation on TextView  


For that, Create a project in android studio and then create an anim directory under res directory and create an XML under anim directory.

In this, we create 10 type of animations on textviews.

Now, Firstly we create a Bounce XML file in our anim directory.

bounce.xml

 <set xmlns:android="https://schemas.android.com/apk/res/android"  
    android:fillAfter="true"
    android:interpolator="@android:anim/bounce_interpolator" >  
   <scale
        android:duration="500"
        android:fromXScale="1.0"
        android:fromYScale="0.0"
        android:toXScale="1.0"
        android:toYScale="1.0" />  
 </set>  


Then under Activitymain.xml create two TextView to show Bounce animation.

activity_main.xml

 <?xml version="1.0" encoding="utf-8"?>  
 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
   xmlns:app="http://schemas.android.com/apk/res-auto"  
   xmlns:tools="http://schemas.android.com/tools"  
   android:layout_width="match_parent"  
   android:layout_height="match_parent"  
   tools:context=".MainActivity">  
 <LinearLayout  
   android:layout_width="match_parent"  
   android:layout_height="match_parent"  
   android:orientation="vertical"  
   android:gravity="center"  
   android:padding="15dp">  
 <TextView  
   android:layout_width="match_parent"  
   android:layout_height="wrap_content"  
   android:id="@+id/harpreet_text"  
   android:text="HARPREET"  
   android:gravity="center"  
   android:padding="15dp"  
   android:textSize="30dp"  
   android:fontFamily="cursive"  
   android:textColor="@color/colorPrimary"/>  
   <TextView  
     android:layout_width="match_parent"  
     android:layout_height="wrap_content"  
     android:id="@+id/studio_text"  
     android:text="STUDIO"  
     android:gravity="center"  
     android:padding="15dp"  
     android:textSize="30dp"  
     android:fontFamily="cursive"  
     android:textColor="@color/colorPrimary"/>  
   </LinearLayout>  
 </RelativeLayout>  

Then under MainActivity.java your Animation is loaded automatically and after given time in handler it goes to NextActivity 

MainActivity.java

 public class MainActivity extends AppCompatActivity {  
 TextView harpreet_text,studio_text;  
 Animation bounce_anim;  
   @Override  
   protected void onCreate(Bundle savedInstanceState) {  
     super.onCreate(savedInstanceState);  
     setContentView(R.layout.activity_main);  
     Toolbar toolbar = findViewById(R.id.toolbar);  
     setSupportActionBar(toolbar);  
     harpreet_text = findViewById(R.id.harpreet_text);  
     studio_text = findViewById(R.id.studio_text);  
     bounce_anim = AnimationUtils.loadAnimation(getApplicationContext(),  
         R.anim.bounce);  
     harpreet_text.startAnimation(bounce_anim);  
     studio_text.startAnimation(bounce_anim);  
     new Handler().postDelayed(new Runnable() {  
       @Override  
       public void run() {  
         Intent intent = new Intent(MainActivity.this, NextActivity.class);  
         startActivity(intent);  
         finish();  
       }  
     }, 5000);  
   }  
 }  

Then Create a new Activity called NextActivity which is opened when your animation finished.

After running your project, see Bounce animation on TextView.



Follow us for more posts like this, 
Subscribe Harpreet studio on Youtube  
Like Harpreet Studio on Facebook  
Follow me on Instagram 

No comments