Android UI: Membuat Background Berpola

Penggunaan background yang tepat dapat membuat tampilan aplikasi lebih menarik dan elegan. Kadangkala, kita hanya menggunakan satu warna untuk suatu background. Nah, ada pilihan lain agar tampilan background aplikasi tidak sekedar satu warna, yaitu penggunaan background berpola. Sebagai contoh, lihatlah background aplikasi berikut.


Gambar 1. Aplikasi dengan Background Berpola

Gambar 2. Image untuk Membuat Background Berpola

Background aplikasi di atas tidak sekedar hitam, tapi ada pola yang terbentuk. Menarik, kan? Untuk membuat background berpola seperti di atas, digunakanlah sebuah image (gambar) seperti pada gambar 2. Image yang ukurannya relatif lebih kecil terhadap layar ini digambar ulang hingga memenuhi semua layar. Mari kita lihat caranya dalam beberapa langkah berikut.

1. Pada project Anda, buatlah folder drawable dalam folder res.
2. Buatlah sebuah file bernama black_pattern.xml. Isi denga kode berikut.

<?xml version=”1.0″ encoding=”utf-8″?>
<bitmap
xmlns:android=”http://schemas.android.com/apk/res/android&#8221;
android:src=”@drawable/image”
android:tileMode=”repeat”
/>

3. Karena dalam black_pattern.xml terdapat acuan ke file drawable bernama image, letakkan file image.jpg di salah satu folder drawable, misalnya di folder drawable-hdpi. Image.jpg ini adalah gambar yang digunakan untuk membuat background berpola. Dalam tulisan ini, digunakanlah image dalam gambar 2.
4. Pilih file dalam folder layout yang ingin ditambahkan background berpola. tambahkan atributandroid:background=”@drawable/black_pattern” pada elemen root xml.

Misalkan, file main.xml dalam folder layout akan diberi background berpola. Sebagai contoh, isi dengan kode berikut.

<?xml version=”1.0″ encoding=”utf-8″?>
<LinearLayout xmlns:android=”http://schemas.android.com/apk/res/android&#8221;
android:orientation=”vertical”
android:layout_width=”fill_parent”
android:layout_height=”fill_parent”
android:background=”@drawable/black_pattern”
>

<TextView
android:layout_width=”fill_parent”
android:layout_height=”wrap_content”
android:text=”Lorem ipsum dolor sit amet, consectetur adipisicing elit”
/>

</LinearLayout>

5. Atur main.xml sebagai tampilan utama aplikasi. Lalu jalankan emulator dan kita akan melihat hasilnya seperti gambar 1.

Sekarang saatnya buat Anda untuk membuat pola background yang menarik dan elegan sesuka hati.

Met mencoba.😀

2 thoughts on “Android UI: Membuat Background Berpola

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s