Android SlideUp Text Animation example in Android

Android Text Animation Example

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

slide_up.xml

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

Then under Activitymain.xml create two TextView to show Slide_Up 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 slide_up_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);  
     slide_up_anim = AnimationUtils.loadAnimation(getApplicationContext(),  
         R.anim.slide_up);  
     harpreet_text.startAnimation(slide_up_anim);  
     studio_text.startAnimation(slide_up_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 SlideUp 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