Menggunakan Widget TextView Android Studio

Sebelum memulai pastikan anda sudah membaca artikel saya yang berjudul Mengenal XML di Android Studio, karena dalam artikel tersebut saya sudah mencantumkan panduan lengkap dalam menulis kode XML yang benar. Jika sudah, buka software Android Studio, kemudian buat sebuah projek yang baru. Jika belum bisa, anda bisa melihat tutorialnya di bawah ini.

Dalam artikel ini, saya akan menggunakan projek Hello World yang sebelumnya sudah saya buat, dan ini adalah kode yang dibuat otomatis oleh Android Studio.

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout 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="com.example.a455lj.helloworld.MainActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!"
        android:textSize="24sp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</android.support.constraint.ConstraintLayout>

Hapus semua kode diatas, dan ubah kodenya menjadi seperti dibawah ini..
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    
</LinearLayout>

Perhatikan kode diatas..

Pada kode tersebut saya belum menambahkan widget TextView, karena itu cobalah anda membuat sebuah widget TextView pada code editor Android Studio anda.
<TextView
    />

Akan terjadi error pada Android Studio, karena widget TextView ini tidak memiliki atribut untuk menggambarkan bagaimana seharusnya textview ini.Karena itu, anda perlu memasukkan beberapa atribut ke dalam TextView Android Studio.Ini adalah beberapa atribut yang biasa di pakai dalam widget TextView. Cobalah anda menambahkannya pada TextView dan lihat bagaimana hasilnya.
android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/hallo"
    android:text="Hallo, Ini TextView"
    android:textColor="#000"
    android:textSize="24sp"
    android:textStyle="bold"
    android:textAllCaps="true"
    android:textAlignment="center"




Ok, biar lebih jelas, saya akan jelaskan satu persatu.

1). android:layout_width

Atribut  ini digunakan untuk menentukan lebar dari TextView. Lebar yang dimaksud bukan lebar huruf atau teks dari TextView ini, melainkan lebar dari background atau latar belakang dari TextView, untuk lebih jelasnya lihat gambar di bawah ini.



2). android:layout_height

Atribut ini digunakan untuk menentukan tinggi latar belakang atau backgrounf dari TextView Android Studio.

3). android:id

Atribut di ini digunakan untuk membuat sebuah kode unik. Ketika anda membuat sebuah kode baru anda harus menggunakan simbol “+id/”. Simbol ini digunakan untuk menandakan bahwa anda akan membuat kode baru pada sebuah widget atau elemen. Ketika anda membuat sebuah id pastikan untuk tidak menggunakan spasi dan simbol-simbol tertentu.

4). android:text

Atribut ini digunakan untuk membuat dan menampilkan teks. Anda bisa menuliskan apapun dalam atribut ini, mau itu huruf, angka, atau simbol.

5). android:textColor

Seperti namanya atribut ini digunakan untuk menentukan warna dari teksnya. Dalam menentukan warna anda bisa menggunakan color hex, misalnya #000000 (hitam), ##9E9E9E (abu-abu) dan lain sebaginya. Jika anda tidak tahu dalam menentukan warna dengan color hex, anda bisa melihatnya disini.

6). android:textSize

Atribut ini digunakan untuk menentukan ukuran teksnya. Gunakan satuan sp dalam menentukan ukurannya.

7). android:textStyle

Atribut ini digunakan untuk memberikan style atau gaya pada tulisan anda, di Android Studio ini ada 3 pilihan yang bisa anda gunakan, yaitu Bold, Italic, dan normal.

8). android:textAllCaps

Atribut ini digunakan untuk membuat semua huruf dari TextView menjadi huruf besar atau huruf kapital. Atribut ini hanya memiliki 2 nilai, yaitu true dan false.

9). android:textAlignment

Atribut ini digunakan untuk mengatur posisi teks di Android Studio. Ada beberapa nilai yang bisa anda gunakan yaitu, center, textStart, gravity, inherit, textEnd, viewEnd, dan viewStart.

Contoh Penggunaan Widget TextView Android Studio

Ini adalah contoh sederhana dalam penggunaan widget TextView Android Studio, beserta dengan beberapa atribut yang sudah saya sebutkan tadi.
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/hallo"
        android:text="Hallo, Ini TextView"
        android:textColor="#000"
        android:textSize="40sp"
        android:textStyle="bold"
        android:textAllCaps="true"
        android:textAlignment="center"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/textview2"
        android:text="Belajar TextView Yuk!"
        android:textColor="#000"
        android:textSize="24sp"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/textview3"
        android:text="Size-nya Kecilan dikit"
        android:textColor="#000"
        android:textSize="30sp"
        android:textStyle="italic"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/textview4"
        android:text="Teks dengan Warna Hijau"
        android:textColor="#4CAF50"
        android:textSize="26sp"
        android:textStyle="italic"/>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/textview5"
        android:text="Lebar banget"
        android:textColor="#FFF"
        android:textSize="30sp"
        android:background="#F44336"
        android:textStyle="italic"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/textview6"
        android:text="Ini adalah contoh sederhana dalam penggunaan widget TextView di Android Studio dibuat oleh"
        android:textColor="#000"
        android:textSize="24sp"/>

    <TextView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/textview7"
        android:text="Bang Ropi.com"
        android:textColor="@color/colorPrimary"
        android:textSize="40sp"
        android:textAlignment="center"/>
</LinearLayout>

Dan ini adalah hasil ketika kode tersebut di jalankan.



Sumber :https://jasasoftwaresmg.blogspot.com