Mempercantik Tampilan Button Android Studio

Hallo semua......
Pada kesempatan kali ini saya mau berbagi bagi bagaimana cara mempercantik tampilan button pada android studio, lama gak post jagi gugup untuk mengsederhanakan totorial ini, tapi jangan khawatir, saya disini akan memaksimalkan dan mau berbagi full tutorial...

Mengenai mempercantik tampilan button pada android studio sangatlah mudah teman teman, nanti cuman menyisipkan beberapa sorce code pada folder drawable yang mana kita buat page.xml  di folder drawable, dan buaat button di activity_main.xml, nanti teman teman tinggal manggil page.xml yang sudah teman teman buat di folder drawable,sesui page name yang teman teman buat tadi....

Baikalah lebih singkatnya mempercantik tampilan button di android studio ini teman - teman langsung simak langkah - langkah dibawah

Langkah pertama buat  project baru  New Project_Next

Langkah ke dua kasih Nama project, terserah teman teman mau ngasih nama aplikasi apa saja ...:D

Langkah ke tiga  Pilih device API 14, Recomended kalau saya pakek API 14, jadi untuk teman teman terserah mau pilih device API apa saja, sesuai kebutuhan suport API hp teman teman.

Langkah ke empat Create Layout Empty_Aktivity _Finish, Untuk buat percobaan awal Pilih Layout_Empty_Aktivity, lebih mudah untuk mendeklarasikan nantinya.....


Langkah ke lima buat Drawable page Klik kanan folder Drawable_Pilih New_Drawable resource file_dan name kasih, styleme_Finish.

Langkah  ke enam copy source code dibawah ini pada styleme.xml, yang ada di folder Drawable yang barusan teman - teman buat

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle">
            <solid android:color="#00CED1"/>
            <stroke android:color="#AFEEEE" android:width="2dp" />
            <!--corners allow us to make the rounded corners button-->
            <corners android:radius="15dp" />
        </shape>
    </item>
</selector>

Dan hasilnya seperti gambar dibawah ini.....!!! :D

Langkah ke tujuh buat button di activity_main.xml, yang teman - teman buat tadi, contoh gambar dibawah...
Ini  contoh gambar yang belum di kasih style button yang kita buat tadi folde Drawable

cara menipulisai button cantik teman - teman tinggal paggil Bakground styleme.xml di dalam button activity_main.xml, yang sudah dibuat tadi ...., kalau masih kebingunagan copy source code dibah ini .....

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:background="#D3D3D3"
    tools:context=".MainActivity">
<TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="PEMBINAAN RUQYAH WALI RAJA"
        android:gravity="center"
        android:padding="20dp"
        android:textSize="10pt"
        android:textStyle="bold"
        android:textColor="#000988"/>
 <Button
        android:id="@+id/btn_add_item"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:background="@drawable/styleme"
        android:padding="20dp"
        android:text="daftar peserta"
        android:theme="@style/Theme.AppCompat" />
         
</LinearLayout>

Demo Aplikasi

Hanya itu postingan hari ini semoga bermanfaat, apa bila ada kendala error bisa langsung koment dan jugak bisa sharing di blog ini, akhiron wassalamualaikum.....