Rapid Subscribe Android App

Rapid Subscribe Android App
Rapid Subscriber

Recent Posts

Android FadeIn Text Animation Example

Android Text Animation Example

FadeIn 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 an FadeIn XML file in our anim directory.

fade_in.xml

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


Then under Activitymain.xml create two TextView to show FadeIn 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_in_anim;  
   @Override  
   protected void onCreate(Bundle savedInstanceState) {  
     super.onCreate(savedInstanceState);  
     setContentView(R.layout.activity_main); 
     harpreet_text = findViewById(R.id.harpreet_text);  
     studio_text = findViewById(R.id.studio_text);  
     fade_in_anim = AnimationUtils.loadAnimation(getApplicationContext(),  
         R.anim.fade_in);  
     harpreet_text.startAnimation(fade_in_anim);  
     studio_text.startAnimation(fade_in_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 FadeIn 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 

No comments