Belajar Menggunakan Widget TextView Android Studio

Dalam artikel ini saya kan membahas mengenai widget TextView Android Studio. TextView ini adalah salah satu widget yang sering dipakai dalam membuat sebuah aplikasi android. Kegunaan widget TextView ini adalah untuk menampilkan sebuah teks berupa kata, kalimat, paragraf, angka atau bahkan simbol – simbol tertentu.

Dalam menggunakan widget TextView ini sangatlah mudah, bahkan anda tidak perlu membaca artikel saya ini.

Lalu kenapa saya membuat artikel ini?

Seperti halnya semboyan blog saya “Catatan kecil bagi seorang Developer Android“, saya hanya ingin mencatat dan membagikan semua ilmu yang saya punya mengenai pemrograman android, meskipun mungkin ini tidak akan memberi banyak manfaat kepada banyak orang.

OK kita langsung saja ke topik utama kita…

Belajar 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.

Baca Juga: Cara Membuat Aplikasi Hello World di Android Studio

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"

textview android studio

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.

contoh textview

2). android:layout_height

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

Catatan:

Ketika anda akan menentukan lebar dan tinggi sebuah widget, anda bisa menentukannya dengan angka seperti 250dp, 200dp,50dp dan lain sebaginya. Jika anda ingin lebar dan tingginya sama dengan konten atau teks, anda bisa gunakan wrap_content, atau jika anda ingin sesuai dengan tampilan induknya, anda bisa gunakan match_parent.

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.

contoh textview

Ok, saya rasa artikel Belajar Menggunakan TextView Android Studio ini sudah cukup. Meski artikel ini sangat sederhana, tapi ini adalah langkah awal bagi anda dalam menjadi seorang developer android. Jika ada kesalahan dalam penjelasan saya di dalam artikel ini, mohon cantumkan di dalam kolom komentar blog ini, saya akan segera mengubahnya..

Terima kasih bagi anda yang sudah membaca, dan jika artikel ini bermanfaat untuk anda tidak ada salahnya untuk membagikan artikel ini kepada teman-teman anda.

Saya juga sangat membutuhkan kritik dan saran dari anda, agar situs ini menjadi lebih baik kedepannya.

Terima Kasih.

 

One thought on “Belajar Menggunakan Widget TextView Android Studio

  • March 7, 2018 at 5:18 am
    Permalink

    Untuk yang baru mau mengenal android artikel ini sangat membantu sekali, apalagi dijelaskan dengan kata-kata yang ringan. Artikelnya keren gan 🙂 silakan berkunjung juga ya di blog saya http://bubuh-alhammady.blogspot.co.id/ terima kasih hehe

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.