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 :
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'nyasoal'nya android:backgroud="@drawable/warna " belum ada !
oke sekarang kita buat drawable'nya
klik kanan -> new -> Android XML File
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