(ANDROID) Membuat Button Kustom / Membulat

http://nishantvnair.files.wordpress.com/2010/11/custom_btn.png

Kembali ke postingan Android. Kali ini kita akan mencoba membuat Button Kustom di Android dengan membuat tampilan button tersebut agak membulat (Rounded Rectangle). Langkah-langkahnya adalah sebagai berikut :

my_button.xml

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
<solid android:color="#EAEAEA"/>
<corners
       android:bottomLeftRadius="8dip"
    android:topRightRadius="8dip"
   
android:topLeftRadius="1dip"
    android:bottomRightRadius="1dip" />
</shape>

Berikut adalah gambaran dalam membentuk sudut membulat dari Button tersebut :

buttonshape1

Kamu dapat menggunakan kode dari my_button.xml ke dalam kode Button kamu :

android:background=”@drawable/button_shape”

Dan ini kode akhirnya :

<?xml version="1.0" encoding="UTF-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<TextView android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="Hello Android from NetBeans"/>
<Button android:id="@+id/button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Nishant Nair"
android:padding="5dip"
android:layout_gravity="center"
android:background="@drawable/button_shape"
/>
</LinearLayout>

Kamu dapat menambahkan gambar dalam Button menggunakan kode berikut :

android:drawableTop=”@drawable/pdf”
Dan hasilnya akan terlihat seperti gambar berikut :
http://nishantvnair.files.wordpress.com/2010/11/buttonwtihimage.png

Sekian dan terimakasih… I’m The Source…

Post a Comment