Membuat sudut EditText Melingkar (Rounded and Rectangle) - Android Tricks

Edit Text - Merupakan component dari View yang penting dalam setiap pembuatan aplikasi Android, yang berfungsi untuk memberikan user sebuah masukan/inputan yang nantinya bisa di dapatkan valuenya dengan getText(). Input tipenya juga bermacam macam, bisa password,text biasa,number dan lainya.




Tentunya jika Edit Text tersebut hanya biasa biasa saya, Akan tidak menarik bukan jika dilihat user. Nah tutorial disini akan membahas tentang bagaimana merubah sudut dari Edit Text / atau bentuknya berubah menjadi agak melingkar (Rounded) atau bisa juga menjadi Kotak (Rectangle)

Bagaimana caranya?..cukup mudah, kalian hanya butuh membuat resource drawable dengan bentuk yang kalian inginkan dari edit text 

Langsung Saja ikuti tutorial dibawah ini..


1. Buatlah resource round_edittext.xml di Drawable ,dengan cara klik kanan pada package drawable lalu pilih New - Drawable Resource File dan isi dengan kode dibawah ini 


<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" android:padding="15dp">
    <solid android:color="#FFFFFF"/>
    <corners
  android:radius="50dp"/>
    <stroke android:width="1dip" android:color="#f06060" />
</shape>

2. Pindah ke Layout Acitivity yang akan kita gunakan ,disini saya menggunakan Layout Main Activity, dan panggil Resource round_edittext.xml-nya . Lalu sisipkan kode berikut 


<EditText
        android:id="@+id/zracoder"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="10dip"
        android:background="@drawable/round_edittext"
        android:hint="Zracoder13.com"
        android:inputType="text"/>
Maka anda akan mendapatkan output seperti ini



Jika kalian ingin mengubahnya ke bentuk Kotak (Rectangle), Caranya mudah sekali,kalian tinggal ganti value dari
android:radius="50dp"
ganti dengan
android:radius="0dp"
Maka akan menghasilkan output sebagai berikut



Kalian juga bisa mengubah warna border dari atribut stroke (shape) di masing2 Drawable,,dengan mengubah ini
android:color="#f06060"
Mengubah Tebal border (shape) dengan mengubah ini
android:width="1dip"
Kalian juga bisa memanipulasi dengan atribut atribut lainya Sekian,dan Terimakasih
Semoga Bermanfaat :)

Latest
Previous
Next Post »