Thursday, 31 July 2014

Android Tutorial - Membuat Rounded Corner Edit Text

Advertisement

Kali ini saya ingin menmposting tentang bagaimana caranya membuat rounded corner EditText (EditText dengan sudut membulat) di Android. Ikuti saja langkah-langkah berikut:



  1. Buat folder baru dalam projek Android kalian, beri nama drawable,
  2. Pada folder drawable > Klik kanan > New > Android XML File > Beri nama roundedcorner.xml > Next hingga Finsih,
  3. Ubah seluruh konten roundedcornner.xml menjadi:
  4. <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" android:padding="10dp">
    <solid android:color="#FFFFFF"/>
    <stroke android:width="2dp" android:color="#4f000000" />
    <corners
    android:bottomRightRadius="10dp"
    android:bottomLeftRadius="10dp"
    android:topLeftRadius="10dp"
    android:topRightRadius="10dp"/>
    </shape>
  5. Pada layout activity_main.xml kalian, pada EditText yang ingin kalian buat sudutnya membulat (rounded corner), ubah menjadi:
  6. <EditText 
    android:background="@drawable/roundedcorner"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:padding="10dp"/>

Ok, selesai...Happy coding :)

Rounded Corner EditText 1
Rounded Corner EditText 2






EmoticonEmoticon