Button : membuat gradient berwarna pada tombol

artikel sebelum'nya kita membahas Macam Layout di android
sekarang kita akan membahas gimana sih membuat gradient yang berwarna pada tombol button di android yang keren ? 

sekarang waktunya kita buat project'nya , udah bisa kan ? 
kalau belum bisa , buka dulu deh tutorial yang di tulis di sini membuat project android

kalau sudah kita langsung aja deh ,
seret Button pada From widget , atau kita buat di xml'nya seperti ini : 


    <Button
        android:id="@+id/tombol1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:backgroud="@drawable/warna
        android:text="Text" />


nah selesai membuat button , pasti bakalan ada error'nya
soal'nya android:backgroud="@drawable/warna " belum ada !

oke sekarang kita buat drawable'nya
klik kanan -> new -> Android XML File


nah setelah itu bakalan muncul pilihan



ubah Resource Type menjadi Drawable 
isi nama File blue ( terserah mau kasih nama apa )
lalu Root Element : ubah menjadi selector 

nah sekarang akan muncul folder baru di res -> Drawable -> blue.xml

sekarang kita beri code blue.xml : 

<selector xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:state_pressed="true">
        <shape>
         <solid android:color="#2382"></solid>
            <corners android:radius="50dp" />
            <stroke android:width="1dp" android:color="#F232FF" />
            <padding android:bottom="10dp" android:left="10dp" android:right="10dp" android:top="10dp" />
        </shape>
    </item>
  <item>
        <shape>
             <gradient android:angle="270" android:endColor="#0329FD" android:startColor="#0178" />
            <stroke android:width="1dp" android:color="#DD29FD" />
            <corners android:radius="50dp" />
            <padding android:bottom="10dp" android:left="10dp" android:right="10dp" android:top="10dp" />
        </shape>
    </item>
</selector>
nah kita sudah selesai buat blue.xml nya (@drawable/blue.xml)sekarang coba deh di run , :)


Post a Comment

notifikasi
close