Cara Menggunakan TextView pada Android dengan Mudah
Cara Menggunakan TextView dan Atributnya
Untuk menggunakan TextView kita bisa mengaplikasikan atribut-atribut penting yang sering digunakan pada TextView diantaranya sebagai berikut :
Id
Atribut ini digunakan untuk memberikan nama pada TextView. Biasanya pada aplikasi ada beberapa teks yang ingin di tampilkan dalam satu activity. Agar tidak terjadi error maka kita harus memberikan nama unik atau id pada masing-masing teks tersebut. Dengan menggunakan id bisa memudahkan kita saat mengatur layout untuk teks yang akan ditampilkan di aplikasi.
<TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="TEKS 1" android:id="@+id/teks1"/> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="TEKS 2" android:id="@+id/teks2" android:layout_below="@id/teks1"/>
Tampilan teks 2 berada dibawah teks 1 karena menggunakan layout_below pada teks yang ke 2.
Text
Untuk menampilkan teks pada aplikasi kita membutuhkan atribut ini.
<TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="digunakan untuk menampilkan teks " android:id="@+id/teks1"/>
Kalimat ” digunakan untuk menampilkan teks ” berada pada atribut ” android:text
Text Color
Warna teks sangat berpengaruh pada tampilan UI dan UX pada aplikasi android. Untuk memberikan warna teks kita menggunakan atribut ini.
<TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="teks menggunakan warna primary color " android:textColor="@color/colorPrimaryDark" android:id="@+id/teks1"/> <TextView android:paddingTop="20dp" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="teks menggunakan warna primary color " android:textColor="@color/colorAccent" android:layout_below="@id/teks1" android:id="@+id/teks2"/>
Untuk warna sendiri kita bisa mengaturnya pada color.xml atau juga langsung dengan cara memasukan kode-kode warna seperti : #ffff dan lainnya.
Text Size
Atribut ini digunakan untuk memberikan ukuran pada teks yang ingin kita tampilkan pada aplikasi.
<TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="MENGGUNAKAN UKURAN 14SP" android:textSize="14sp" android:id="@+id/teks1"/> <TextView android:paddingTop="20dp" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="MENGGUNAKAN UKURAN 20SP" android:textColor="@color/colorAccent" android:layout_below="@id/teks1" android:id="@+id/teks2" android:textSize="20sp"/>
Text Appearance
Ini digunakan untuk mengubah ukuran teks yang digunakan untuk heading atau sub heading.
<TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text=" DIGUNAKAN UNTUK HEADING " android:typeface="serif" android:textAppearance="?android:attr/textAppearanceLarge" android:id="@+id/teks1"/> <TextView android:paddingTop="20dp" android:layout_width="match_parent" android:layout_height="wrap_content" android:text=" DIGUNAKAN UNTUK SUB HEADING " android:typeface="monospace" android:textColor="@color/colorAccent" android:layout_below="@id/teks1" android:id="@+id/teks2" android:textSize="20sp" android:textAppearance="?android:attr/textAppearanceMedium" />
Text Style
Kadang ada beberapa style yang ingin kita gunakan saat menampilkan teks yaitu bold dan italic.
<TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="TANPA MENGGUNAKAN STYLE " android:textSize="14sp" android:id="@+id/teks1"/> <TextView android:paddingTop="20dp" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="MENGGUNAKAN STYLE BOLD" android:textStyle="bold" android:textColor="@color/colorAccent" android:layout_below="@id/teks1" android:id="@+id/teks2" android:textSize="20sp"/> <TextView android:paddingTop="20dp" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="MENGGUNAKAN STYLE ITALIC" android:textStyle="italic" android:textColor="@color/colorPrimary" android:layout_below="@id/teks2" android:id="@+id/teks3" android:textSize="20sp"/>
Type Face
Dengan atribut ini kita bisa memilih tipe font bawaan yang disebutkan tadi diatas yaitu : serif, monoscape, dan sans.
<TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="TANPA MENGGUNAKAN FONT SERIF " android:typeface="serif" android:textSize="14sp" android:id="@+id/teks1"/> <TextView android:paddingTop="20dp" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="MENGGUNAKAN FONT MONOSPACE" android:typeface="monospace" android:textColor="@color/colorAccent" android:layout_below="@id/teks1" android:id="@+id/teks2" android:textSize="20sp"/> <TextView android:paddingTop="20dp" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="MENGGUNAKAN FONT SANS" android:typeface="sans" android:textColor="@color/colorPrimary" android:layout_below="@id/teks2" android:id="@+id/teks3" android:textSize="20sp"/>
Text Aligment
Digunkan untuk melakukan pengaturan posisi teks (perataan).
<TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text=" PERATAAN TENGAH (CENTER) " android:typeface="serif" android:textSize="20sp" android:textAlignment="center" android:id="@+id/teks1"/> <TextView android:paddingTop="20dp" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="TEKS POSISI DEFAULT " android:typeface="monospace" android:textColor="@color/colorAccent" android:layout_below="@id/teks1" android:id="@+id/teks2" android:textSize="20sp" />
Menambahkan Gambar pada TextView
Kita juga bisa menambahkan gambar pada TextView. Caranya gampang silahkan copykan gambar/ icon pada folder drawable. Atau bisa juga menggunakan icon default yang sudah tersedia pada android studio.
<TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:text=" PENAMBAHAN GAMBAR 1 " android:typeface="serif" android:textSize="20sp" android:id="@+id/teks1" android:drawableLeft="@android:drawable/checkbox_on_background" /> <TextView android:paddingTop="20dp" android:layout_width="match_parent" android:layout_height="wrap_content" android:text=" PENAMBAHAN GAMBAR 2 " android:typeface="monospace" android:textColor="@color/colorAccent" android:layout_below="@id/teks1" android:id="@+id/teks2" android:textSize="20sp" android:drawableLeft="@android:drawable/btn_dialog" />
android:drawableLeft : inilah atribut yang digunakan untuk memasukan gambar tinggal sesuaikan saja iconnya akan ditempatkan sebelahmana.