Kode Desain Background Activity Android

Tutorial kali ini, saya akan membahas tentang teknik membuat background untuk android. Teknik berikut ini semuanya menggunakan XML di folder res, tidak ada kode java sama sekali. Ada 4 teknik yang akan saya bahas yaitu:

1. Teknik background warna
2. Teknik Gradient
3. Teknik Wallpaper/Gambar
4. Teknik pattern repeat/pola

Teknik Background Warna

Teknik ini adalah teknik yang paling mudah, kita cukup buka file xmlnya dan tambahkan paramater android:background:”#kodewarna” di Layout.

android:background="#A4C639"

Teknik Gradient

Teknik ini adalah variasi dari teknik pertama, dengan gradient, kita bisa membuat background activity dengan lebih dari satu warna, Facebook App di Faceook menggunakan teknik ini untuk halaman loginnya dengan mode gradient radial. Sekedar tambahan, mode gradient ini ada dua yaitu Radial dan linier.
Untuk teknik kedua ini, kita harus buat file dulu dengan nama gradient.xml di folder drawable

<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="rectangle" >
<gradient 
android:type="linear"
android:startColor="#FF00ff00" 
android:endColor="#FF00ffff" 
android:angle="45"/>
</shape>

Selanjutnya tambahkan baris berikut ke layout yang akan memakai gradient tersebut

android:background="@drawable/gradient"

Teknik Wallpaper

Teknik ini paling sering dipakai karena cukup mempunyai satu gambar di drawable, lalu tinggal tambahkan baris

android:background="@drawable/namagambar"

Teknik Pattern

Teknik ini adalah variasi dari teknik Wallpaper, teknik ini dipakai untuk pola yang berulang seperti ukiran, batik,kotak kotak,  dan pola pola lainnya. Untuk pattern, anda bisa mengambilnya secara gratis di subtlepatterns.com
Teknik ini hampir sama dengan gradient. Silahkan sediakan dulu background patternya, pattern ini biasanya ukurannya kecil dan nanti akan di repeat Teknik ini mirip dengan membuat background pattern berbasis CSS di webdesain.

Anggaplah anda punya file subpattern.png , maka buatlah file baru di drawable dengan nama pattern.xml

<?xml version="1.0" encoding="utf-8"?>
<bitmap xmlns:android="http://schemas.android.com/apk/res/android"
    android:src="@drawable/subpattern"
    android:tileMode="repeat" />

Setelah itu pakai pattern.xml di layout

android:background="@drawable/pattern"

Download code sample

Saya yakin sebagian dari anda bingun kalau cuma di beri potongan kode, karena itulah saya sediakan proyek eclipsenya agar anda tinggal download dan mencobanya sendiri .Silahkan download source codenya disini.