Membuat Scrolling Text (Marquee) di Android TextView


Dalam tutorial ini, Kita akan belajar cara untuk mengatur efek marquee (scrolling text) di android TextView menggunakan XML dan sedikit kode pada java. TextView adalah komponen UI android, yang menampilkan teks dalam aplikasi android dalam format yang berbeda dan di sini saya akan menggunakan TextView untuk melakukan scrolling teks (marquee).

Dalam android untuk membuat teks animasi (marquee) cukup mudah. Kita hanya perlu menambahkan beberapa atribut di TextView dan menulis satu baris kode java. 

Oke, sekarang kita akan memulai Tutorial Membuat Scrolling Text (Marquee) di Android TextView. Pertama kita membuat Projectnya dulu. :D 

Membuat Project Android

1. Pada Android Studio, buatlah project baru.
     => Jika Anda tidak memiliki sebuah project, di layar Welcome klik New Project.
     => Jika Anda telah membuka project, dari menu File, pilih New Project.

    2. Pada Configure your new project, isi kolom berikut seperti di bawah ini.
     => Application name ⇒ MyRadioButton
     => Company domain ⇒ example.com (Misalnya: com.megadistudio.MyRadioButton)
     => Project Location ⇒ memilih lokasi untuk project Anda.

    3. Pada Select the form factors your app will run oncentang untuk Phone and Tablet.
     => Untuk Minimum SDK, saya pilih API 14: Android 4.0 (IceCreamSandwich). klik Next.

    4. Pada Add an activity to Mobile, pilih Blank Activity dan klik Next.
    Next ->

    5. Klik tombol Finish untuk membuat project.

    6. Pilih View Anda sebagai Project, Buka file layout untuk kegiatan utama (activity_main.xml) terletak di bawah App  res ⇒ layout.

    Hapus TextView (Hello World) dan copy kode di bawah ini untuk membuat layout.

    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:id="@+id/activity_main"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:paddingBottom="@dimen/activity_vertical_margin"
        android:paddingLeft="@dimen/activity_horizontal_margin"
        android:paddingRight="@dimen/activity_horizontal_margin"
        android:paddingTop="@dimen/activity_vertical_margin"
        tools:context="txtmarquee.tahukoding.com.txtmarquee.MainActivity"
        android:background="@android:color/holo_green_light">
    
        <TextView
            android:text="@string/tk"
            android:textSize="50sp"
            android:textStyle="bold"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="true"
            android:layout_centerHorizontal="true"
            android:id="@+id/textView3" />
    
        <TextView
            android:id="@+id/tk"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/t"
            android:textSize="25sp"
            android:textColor="#000000"
            android:background="#f4ff809e"
            android:textStyle="bold"
            android:padding="10dp"
            android:maxLines="1"
            android:ellipsize="marquee"
            android:marqueeRepeatLimit="marquee_forever"
            android:scrollHorizontally="true"
            android:singleLine="true"
            android:layout_marginTop="67dp"
            android:layout_below="@+id/imageView"
            android:layout_alignParentLeft="true"
            android:layout_alignParentStart="true" />
    
        <ImageView
            android:layout_width="150dp"
            android:layout_height="150dp"
            app:srcCompat="@drawable/tk"
            android:layout_marginTop="28dp"
            android:id="@+id/imageView"
            android:layout_below="@+id/textView3"
            android:layout_centerHorizontal="true" />
    
    </RelativeLayout>

    7.  Buka string.xml terletak di app ⇒ res ⇒ value dan copy kode di bawah ini.

    string.xml
    <resources>
        <string name="app_name">TxtMarquee</string>
        <string name="t">Membuat Scrolling Text (Marquee) di Android TextView</string>
        <string name="tk">Tahu Koding</string>
    </resources>

    8. Sekarang Buka MainActivity.java terletak di app ⇒ src ⇒ Java dan copy kode di bawah ini.

    MainActivity.java
    package txtmarquee.tahukoding.com.txtmarquee;
    
    import android.app.Activity;
    import android.content.Context;
    import android.support.v7.app.AppCompatActivity;
    import android.os.Bundle;
    import android.text.TextUtils;
    import android.widget.TextView;
    
    public class MainActivity extends AppCompatActivity {
    
        private Context mContext;
        private Activity mActivity;
        private TextView tvMarquee;
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
    
            tvMarquee = (TextView) findViewById(R.id.tk);
    
            tvMarquee.setSelected(true);
    
        }
    }

    Untuk menjalankan aplikasi dari Android Studio , klik Run ikon dari toolbar. Oke untuk Membuat Scrolling Text (Marquee) di Android TextView telah selesai silahkan belajar tutorial android menarik lainya. bila ada kesulitan bisa orat oret di kolom komentar :D 

    Iklan Atas Artikel

    Iklan Tengah Artikel 1

    Iklan Tengah Artikel 2

    Iklan Bawah Artikel