Kode Desain Background Activity Android

Background warna

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"
Background warna
Background warna
 

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"
Background gradient
Background gradient
jika anda kesulitan membuat gradient sendiri, silahkan masuk ke http://angrytools.com/gradient/. Diwebsite ini ada tool untuk menggenerate gradient dengan mudah.

Teknik Wallpaper

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

android:background="@drawable/namagambar"
Background Gambar
Background Gambar
 

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"
Background pattern
Background 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.

Author: Candra Adi Putra

Candra Adi Putra adalah Alumni STMIK AKAKOM Yogyakarta. Like Candralab Studio Di Facebook.

4 thoughts on “Kode Desain Background Activity Android”

Tinggalin komentar dong!