Marquee Text In Android Using Android Studio

Introduction

 

In this article, we are going to see how to create a Marquee Text in Android using the Android Studio. It will show you a running view of text(I.e) it is like a news header line which is in motion.

 

Step 1

 

Create a new project in Android Studio.

 

 

Give a name to the project and click "Next".

 

 

Select the "Phone and Tablet" and click "Next".

 

 

Select an empty activity and click "Next".

 

 

At last, give the activity name and click on "Finish".

 

 

Step 2

 

Setup the gradle by just locate the Gradle Scripts>>Build. Gradle 1.

 

 

And, type the following dependency in your app's build.gradle.

 

 

Code copy is here.

maven{
url "https://jitpack.io"}

Step 3

 

locate the Gradle Scripts>>Build. Gradle 2.

 

 

And, type the following dependency in your app's build.gradle.

 

 

Code copy is here.

compile 'com.github.chuross:extra-textview:1.1.3'

Step 4

 

Next, go to app >> res >> layout >> activity_main.xml. Select activity page.

 

 

and just type the code as follows.

 

 

The code copy is here.

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

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Text you want"
        android:maxLines="1"
        android:ellipsize="marquee"
        android:marqueeRepeatLimit="marquee_forever"
        android:scrollHorizontally="true"
        android:id="@+id/TextView03"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</RelativeLayout>

Step 5

 

Next, go to app >> java>>Mainactivity.java. Select Mainactivity page.

 

 

And, just type the code as follows.

 

 

Code copy is here.

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        TextView tv = (TextView) findViewById(R.id.textView);

        tv.setSelected(true);
    }
}

Step 6

 

After step 4, Sync all the dependency gradle and Mainactivity.java resource files by clicking the Sync button on the top right corner of the Gradle page.

 

 

Step 7

 

Verify the preview.

->After the code is applied, the preview will appear like this.

 

 

Step 8

 

Next, go to Android Studio and deploy the application. Select an Emulator or your Android mobile with USB debugging enabled. Give it a few seconds to make installations and set permissions.

 

 

Run the application in your desired emulator (Shift + F10).

 

 

Explanation of source code

 

The source code provided in this article is just the dependencies of Marquee activity and the code used in activity_main.xml will make the moving process and to define its attributes.

 

Summary

 

In this article we created the app named Marquee Text, then we have inserted a Gradle and we learned how to use the Marquee and Finally, we have deployed that as an output.

 

*Support and Share, Thank You*