Open In App

How to add fading TextView animation in Android

Improve
Improve
Like Article
Like
Save
Share
Report

TextView is the basic building block of user interface components. It is used to set the text and display it to the user. It is a very basic component and used a lot.

A Fading TextView is a TextView that changes its content automatically every few seconds. If we want to design a beautiful interface than we can use Fading TextView.

Approach:

  1. Add this to your root build.gradle file (not your module build.gradle file):




    allprojects {
        repositories {
               jcenter()
        }
    }

    
    

  2. Add the support Library in your module’s build.gradle file and add dependency in the dependencies section.




    dependencies {
        implementation 'com.tomer:fadingtextview:2.5'
    }

    
    

  3. Now add the following code in the activity_main.xml file.

    activity_main.xml




    <?xml version="1.0" encoding="utf-8"?>
    <androidx.constraintlayout.widget.ConstraintLayout 
      
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".MainActivity">
      
        <com.tomer.fadingtextview.FadingTextView
            android:id="@+id/fadingTextView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="22sp"
            android:textColor="#2AC308"
            android:textStyle="bold"
            app:timeout="500"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toTopOf="parent" />
      
    </androidx.constraintlayout.widget.ConstraintLayout>

    
    

  4. Now add the following code in the MainActivity.java file.

    MainActivity.java




    package org.geeksforgeeks.gfgFadingTextView;
      
    import androidx.appcompat.app.AppCompatActivity;
    import android.os.Bundle;
    import com.tomer.fadingtextview.FadingTextView;
      
    public class MainActivity extends AppCompatActivity {
      
        FadingTextView fadingTextView;
        String[] text
            = { "GeeksForGeeks", "A",
                "Computer", "Science", "Portal",
                "For", "Geeks" };
      
        @Override
        protected void onCreate(Bundle savedInstanceState)
        {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
      
            fadingTextView
                = findViewById(R.id.fadingTextView);
            fadingTextView.setTexts(text);
        }
    }

    
    

Output:



Last Updated : 23 Feb, 2021
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads