Tutorial Menggunakan TextView Di Android
Lebakcyber.net – Pada kesempatan belajar Android kali ini kita akan membahas mengenai tutorial menggunakan TextView di Android. TextView pada Android sendiri digunakan untuk menampilkan teks didalam aplikasi Android yang sedang dibuat.
TextView di Android sendiri memiliki beberapa font bawaan, seperti misalnya Sans, Monospace dan Serif. Pada pada tutorial menggunakan TextView di Android ini kita akan coba mengganti teks pada TextView dan juga atribut apa saja yang dapat digunakan pada TextView.
Atribut TypeFace
Untuk mengganti jenis font menggunakan font default yang sudah disediakan oleh Android Studio, kita bisa menggunakan atribut TypeFace pada TextView, contohnya silahkan lihat pada perintah dibawah ini :
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/activity_main" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context="net.lebakcyber.tutorialandroidlebakcyber.MainActivity"> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text="Atribut TypeFace" /> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text="Text dengan font Sans" android:typeface="sans" /> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="15dp" android:text="Text dengan font monospace" android:typeface="monospace" /> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="15dp" android:text="Text dengan font Serif" android:typeface="serif" />
Atribut TextStyle
Atribut TextStyle pada TextView di Android biasanya digunakan untuk memberikan penekanan pada suatu teks tertentu. Atribut TextStyle sendiri di Android ada tiga jenis yaitu normal, bold dan italic. Contoh penggunaannya adalah seperti pada perintah dibawah ini :
<TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="15dp" android:text="Atribut TextStyle" /> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text="Ini adalah contoh teks normal" android:textStyle="normal" /> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="15dp" android:text="Ini adalah contoh teks bold" android:textStyle="bold" /> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="15dp" android:text="Ini adalah contoh teks Italic" android:textStyle="italic" />
Contoh tampilan dari perintah diatas adalah seperti gambar dibawah ini :
Atribut TextSize
Atribut TextSize di TextView pada android digunakan untuk mengatur ukuran teks yang ingin ditampilkan pada teks view. Contohnya adalah seperti perintah dibawah ini :
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/activity_main" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context="net.lebakcyber.tutorialandroidlebakcyber.MainActivity"> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text="Text dengan ukuran 12sp" android:textSize="12sp" /> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text="Text dengan ukuran 17sp" android:textSize="17sp" /> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text="Text dengan ukuran 25sp" android:textSize="25sp" /> </LinearLayout>
Nanti hasilnya akan tampak seperti pada gambar dibawah ini :
Atribut TextColor
Atribut TextColor pada TextView di Android digunakan untuk merubah warna teks yang ditampilkan oleh TextView dengan menggunakan kode warna html. Contohnya seperti pada perintah dibawah ini :
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/activity_main" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context="net.lebakcyber.tutorialandroidlebakcyber.MainActivity"> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text="Text dengan warna biru" android:textColor="#2278f4" android:textSize="25dp" /> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text="Text dengan warna hijau" android:textColor="#25da3b" android:textSize="25dp" /> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text="Text dengan warna merah" android:textColor="#fa2e2e" android:textSize="25dp" /> </LinearLayout>
Nanti hasilnya akan tampak seperti pada gambar berikut ini :
Itulah beberapa contoh bagaimana cara menggunakan TextView di Android dan juga beberapa atribut yang ada di TextView. Semoga tutorial sederhana ini dapat bermanfaat bagi kalian yang baru mempelajari pemrograman android. Sampai jumpa di tutorial selanjutnya.