Android - TextView

Tutorial ini merupakan lanjutan dari Tutorial Sebelumnya, yaitu Pembuatan Android Project Baru.

1. Buka file layout yaitu main.xml pada folder res/layout di dalam project modul1.
2. Secara default akan ada 1 TextView yang berisikan Hello World.

3. File layout xml ini dapat dilihat dalam 2 mode, yaitu mode code xml dan mode layout untuk melihat hasil tampilan. 

Mode code xml seperti di bawah ini:

Sedangkan mode layout seperti di bawah ini:

4. kode TextView pada tampilan xml adalah sebagai berikut:

Ada 2 macam penentuan width dan height pada setiap elemen, yaitu fill_parent dan wrap_content.

Fill_parent = elemen tersebut memenuhi elemen induknya. Pada contoh di atas width TextView memenuhi lebar (width) layar.

Wrap_content = elemen tersebut menyesuaikan dengan isi dari element. Pada contoh di atas height  TextView hanya sebatas isi TextView, tidak memenuhi layar.

@string/hello merupakan contoh values yang akan dijelaskan di tutorial berikutnya.

Jika akan mengganti android:text namun belum merubah file values, maka ganti isi keseluruhan text di dalam tanda petik.

Contoh: android:text = “Misbakhul Mustofin”

Untuk lebih memahami fill_parent dan wrap_content coba ganti width dan height TextView di atas dari fill_parent menjadi wrap_content dan sebaliknya, kemudian lihat hasilnya pada mode Layout. Jangan lupa save project setiap melakukan perubahan.

5. Jika ingin membuat TextView lagi melalui mode code xml, copy paste code TextView di atas dan rubah sesuai keinginan, seperti berikut:

6. Save dan lihat pada mode Layout, seperti berikut:

Coba klik TextView pertama (Hello World) dan TextView kedua (Misbakhul Mustofin). Perhatikan perbedaannya.

7. Hapus TextView kedua dengan cara Klik Kanan – Remove, agar dapat menambah komponen berikutnya.

8. Untuk menjalankan program, Klik Kanan pada Project - Run As - Android Application.

Tunggu beberapa saat, karena membutuhkan cukup banyak waktu untuk menampilkan emulatornya.

Untuk Tutorial TextView hanya sampai di sini.
Jangan lewatkan tutorial selanjutnya.

Semoga tutorial singkat ini bermanfaat.
Kritik dan saran sangat saya harapkan.
Terima Kasih.

Happy Coding ^_^