Matawebsite Promo Lebaran 2022

Membuat Design Background Android

date 27 Mar 2019
date Fathurrahman
date 11887
date Mobile App
Membuat Design Background Android

Pada kesempatan kali ini kita akan membahas design didalam android. Seperti kita ketahui android memiliki beberapa design yang untuk. Tampilannya dari masa-kemasa mengalami pengembangan yang signifikan. Apalagi ditambah dengan fungsi gedget yang pada saat ini mengalami pertumbuhan yang sangat peserta juga, terutapa sistem operasi android.

Baca berita lainnya: Perbedaan antara Javascript dengan Jquery

Lantas bagaimana cara membuat background android . teknik dibawah ini menggunakan XML yang berada pada folder res didalam eclipse maupun android studio. Tutorial kali ini kita tidak akan menggunakan java sama sekali. Lalu bagaimana cara membuatnya.

Teknik yang saya bagikan mempunyai 4 cara:

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

Teknik yang pertama adalah menggunakan warna sebagai backgroud tampilan android. Teknik ini cukup mudah dalam penerapannya. Jadi kita cukup buka file xml dan tambahkan parameter “android:background: #KodeWarna” di dalam layout XMLnya.

android:background="#A4C639"

Teknik Gradient

Teknik selanjutnya adalah teknik gradient yang dimana ini variasi dari teknik pertama. Jadi kita bisa membuat background layout dengan lebih dari satu warna. Teknik ini mempunyai dua mode yaitu Radial dan linier. Untuk membuat gradient ini kita harus membuat file baru di dalam folder “drawable”

android:shape="rectangle" >

<gradient

android:type="linear"

android:startColor="#FF00ff00"

android:endColor="#FF00ffff"

android:angle="45"/>

</shape>

Kemudian tambahkan baris code ke dalam layout yang akan dijalankan gradient tersebut

android:background="@drawable/gradient"

Teknik gambar/ wallpaper

Teknik ini adalah teknik yang sering digunakan oleh pengembang android. Codenya yang simple dan penerapannya yang elegan menjadikan teknik ini sangat diminati oleh pembuat aplikasi. Karena kita cukup mempunyai satu gambar di dalam “drawable”

android:background="@drawable/namagambar"

akan tetapi teknik ini sangat beresiko jika gambar yang digunakan mempunyai kapasitas yang besar. Yang akan membuat aplikasi menjadi berat dan besar untuk ukuran filenya.

Teknik pattern repeat/pola

Yang terakhir adalah teknik pattern. Teknik ini wariasi dari teknik wallpaper. Teknik ini dipakai pada pola gambar yang berulang-ulang seperti garis, kotak-kotak, dan pola lainnya. Teknik ini sebenarnya hampir sama dengan gradient akan tetapi teknik pattern membutuhkan gambar dalam penerapannya. Keunggulan pattern adalah biasanya memiliki ukuran gambar yang sangat kecil dan nantinya dapat kita repeat atau kita ulang-ulang menjadi terpola dengan rapi.

<?xml version="1.0" encoding="utf-8"?>

android:src="@drawable/pattern"

android:tileMode="repeat" />

kode diatas kita asumsikan bahwa kita telah mempunyai gambar pattern.png terlebih dahulu. Setelah itu kita dapat menggunakan patternnya di layout dengan menambahkan kode ini.

android:background="@drawable/pattern"

Matawebsite Promo
fathur.png

Fathurrahman

Android Mobile

Hallo saya trainer Android Mobile di Mataweb dan saya sudah berpengalaman lebih dari 5 tahun. jadi kali ini saya akan share tutorial ataupun tips seputar mobile aplikasi. Salam kenal

Artikel Populer

Halo, ada yang bisa kami bantu?
Daftar Sekarang