Monday , November 20 2017
Home / Android Programming / Tutorial Menggunakan TextView Di Android

Tutorial Menggunakan TextView Di Android

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 :

Tutorial Menggunakan TextView Di Android

 

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 :

Tutorial Menggunakan TextView Di Android

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 :

Tutorial Menggunakan TextView Di Android

 

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.

 

About Firdan Ardiansyah

Admin di lebakcyber.net

Untuk berhubungan dengan saya, silahkan kirim email ke : firdan@lebakcyber.net

Leave a Reply

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