How to add fading TextView animation in Android

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):

    filter_none

    edit
    close

    play_arrow

    link
    brightness_4
    code

    allprojects {
        repositories {
               jcenter()
        }
    }

    chevron_right

    
    

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



    filter_none

    edit
    close

    play_arrow

    link
    brightness_4
    code

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

    chevron_right

    
    

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

    activity_main.xml

    filter_none

    edit
    close

    play_arrow

    link
    brightness_4
    code

    <?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>

    chevron_right

    
    

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

    MainActivity.java

    filter_none

    edit
    close

    play_arrow

    link
    brightness_4
    code

    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);
        }
    }

    chevron_right

    
    

Output:

Attention reader! Don’t stop learning now. Get hold of all the important DSA concepts with the DSA Self Paced Course at a student-friendly price and become industry ready.




My Personal Notes arrow_drop_up


If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.

Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.


Article Tags :
Practice Tags :


1


Please write to us at contribute@geeksforgeeks.org to report any issue with the above content.