Android FadeOut Text Animation Example

Android Text Animation Example

FadeOut 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.

1. FadeIn
2. FadeOut
3. Blink
4. Rotate
5. Sequential
6. Bounce
7. Slide up
8. Slide Down
9. Move 
10. Letter By Letter

Now, Firstly we create an FadeOut XML file in our anim directory.

fade_out.xml

 <set xmlns:android="https://schemas.android.com/apk/res/android"  
    android:fillAfter="true" >  
   <alpha  
     android:duration="1000"  
     android:fromAlpha="1.0"  
     android:interpolator="@android:anim/accelerate_interpolator"  
     android:toAlpha="0.0" />  
 </set>  

Then under Activitymain.xml create two TextView to show FadeOut 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 fade_out_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);  
     fade_out_anim = AnimationUtils.loadAnimation(getApplicationContext(),  
         R.anim.fade_out);  
     harpreet_text.startAnimation(fade_out_anim);  
     studio_text.startAnimation(fade_out_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 FadeOut animation on TextView.

 

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