Menggunakan EditText Pada Android Studio

EditText Pada Android Studio

EditText adalah sebuah tampilan atau widget standar yang biasa digunakan untuk memasukkan teks di dalam aplikasi android. Dalam menggunakan EditText ini anda tidak hanya memasukan teks huruf saja, tetapi anda bisa memasukan angka dan simbol. Contoh yang paling umum dalam menggunakan EditText ini adalah Login atau SignUp.

Berikut ini adalah contoh kode dalam menggunakan EditText pada Android Studio.

<EditText

    android:layout_width="match_parent"

    android:layout_height="wrap_content"

    android:id="@+id/edittext1"

    android:layout_centerInParent="true"/>

Jika dijalankan akan menghasilkan tampilan seperti gambar di bawah ini.

Atribut EditText Pada Android Studio

Ada beberapa atribut-atribut penting yang dapat digunakan pada EditText. Dalam artikel ini saya hanya akan menyebutkan atribut-atribut EditText pada Android Studio yang paling umum.

1. android:id

Atribut ini digunakan untuk memberikan identitas atau kode yang unik pada EditText. Berikut ini adalah contoh kode dari penggunaan atribut android:id.

<EditText

    android:layout_width="wrap_content"

    android:layout_height="wrap_content"

    android:id="@+id/edittext1"/>

2. android:text

Atribut ini digunakan untuk memberikan sebuah teks kepada EditText. Pengguna dapat mengedit teks tersebut ketika aplikasi dijalankan. Berikut ini adalah contoh kode dari penggunaan atribut android:text.

<EditText

    android:layout_width="match_parent"

    android:layout_height="wrap_content"

    android:id="@+id/edittext1"

    android:layout_centerInParent="true"/>

    android:text="BangRopi.com"

3. android:hint

Atribut android:hint ini adalah atribut yang digunakan untuk memberikan hint atau petunjuk. Fungsinya adalah untuk memberikan petunjuk kepada pengguna apa yang harus diisi oleh pengguna di dalam EditText tersebut. Teks hint dalam EditText ini juga lebih transparan dibandingkan dengan teks yang biasanya. Hint atau petunjuk ini akan otomatis menghilang ketika pengguna mulai mengetik  di dalam editText. Berikut ini adalah contoh kode dari penggunaan atribut android:hint.

<EditText

    android:layout_width="match_parent"

    android:layout_height="wrap_content"

    android:id="@+id/edittext1"

    android:layout_centerInParent="true"/>

    android:hint="Nama Anda..."

4. android:textSize

Atribut ini digunakan untuk mengatur ukuran teks yang ada pada EditText. Anda bisa mengatur ukuran teks dengan menggunakan satuan sp (scale independent pixel) atau dp (density pixel). Berikut ini adalah contoh kode dari penggunaan atribut android:textSize.

<EditText

    android:layout_width="match_parent"

    android:layout_height="wrap_content"

    android:id="@+id/edittext1"

    android:layout_centerInParent="true"/>

    android:textSize="30sp"

5. android:textColor

Atribut ini adalah atribut yang digunakan untuk mengatur warna pada teks yang ada di dalam EditText. Berikut ini adalah contoh kode dari penggunaan atribut android:textColor.

<EditText

    android:layout_width="match_parent"

    android:layout_height="wrap_content"

    android:id="@+id/edittext1"

    android:textColor="@color/colorAccent"

    android:layout_centerInParent="true"/>

6. android:textColorHint

Atribut ini adalah atribut yang digunakan untuk mengatur warna pada hint atau petunjuk yang ada di dalam editText. Berikut ini adalah contoh kode dari penggunaan atribut android:textColorHint.

<EditText

    android:layout_width="match_parent"

    android:layout_height="wrap_content"

    android:id="@+id/edittext1"

    android:textColorHint="@color/colorPrimary"

    android:hint="Nama Anda..."

    android:layout_centerInParent="true"/>

7. android:inputType

Atribut ini digunakan untuk mengatur jenis inputan yang akan dilakukan oleh pengguna. Contohnya dengan atribut ini pengguna dapat memasukan nomor telepon, alamat email, atau password. Berikut ini adalah nilai atribut yang sering digunakan dalam atribut ini.

Jenis inputType	Deksripsi inputType
number	Jenis inputType ini hanya dapat memasukan angka ke dalam editText
phone	Jenis inputType ini digunakan untuk memasukan nomor telepon
textMultiline	Jenis inputType ini digunakan untuk mengisi teks yang terdiri dari beberapa baris dalam satu editText
textPassword	Jenis inputType ini digunakan sebagai password dan teks yang diketik pengguna dirahasiakan
textEmailAddress	Jenis inputType ini digunakan untuk mengisi alamat Email
textPersonName	Jenis inputType ini digunakan sebagai nama orang.
date	Jenis inputType ini digunakan untuk mengisi tanggal
time	Jenis inputType ini digunakan untuk mengisi waktu
textUri	Jenis inputType ini digunakan sebagai URI

8. android:android:maxLength

Atribut ini digunakan untuk mengatur panjang huruf dari editText. Berikut ini adalah contoh kode dari penggunaan atribut android:maxLength.

<EditText

    android:layout_width="match_parent"

    android:layout_height="wrap_content"

    android:id="@+id/edittext1"

    android:textColorHint="@color/colorPrimary"

    android:hint="Nama Anda..."

    android:maxLength="5"

    android:layout_centerInParent="true"/>

setelah kita membaca beberapa atribut yang digunakan dalam EditText pada Android Studio, di bawah ini saya membuat contoh sederhana dari EditText ini dengan beberapa inputType yang berbeda.

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout

    xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="match_parent"

    <EditText

    android:layout_height="match_parent"

    android:padding="20dp">

        android:layout_height="wrap_content"

        android:layout_width="match_parent"

        android:id="@+id/edittext1"

        android:layout_centerHorizontal="true"/>

        android:hint="Nama Anda..."

        android:maxLength="16"

        android:id="@+id/edittext2"

<EditText

android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:layout_centerHorizontal="true"

        android:hint="Nomor Telepon..."

        android:inputType="phone"

       android:layout_height="wrap_content"

android:maxLength="12"

android:layout_below="@id/edittext1"/>

android:layout_width="match_parent"

 <EditText

  android:layout_below="@id/edittext2"/>

android:id="@+id/edittext3"

android:hint="Alamat E-mail"

        android:inputType="textEmailAddress"

        android:layout_centerHorizontal="true"

    <EditText

        android:inputType="date"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:id="@+id/edittext4"

       android:layout_height="wrap_content"

android:hint="Tanggal Lahir..."

android:layout_centerHorizontal="true"

android:layout_below="@id/edittext3"/>

<Button

android:layout_marginRight="10dp"

android:layout_width="match_parent"

android:text="Submit"

android:textColor="#fff"

android:textStyle="bold"

android:background="@color/colorAccent"

android:layout_marginTop="30dp"

android:layout_marginLeft="10dp"

</RelativeLayout>

        android:layout_centerHorizontal="true"

        android:layout_below="@id/edittext4"/>


Hasil dari kode diatas terlihat seperti gambar dibawah ini.



Masih banyak atribut yang dapat anda gunakan dalam EditText pada Android Studio ini. Anda bisa mencari atribut-atribut tersebut di situs Developer Android.



Sumber :https://bangropi.com/edittext-pada-android-studio/

Perbedaan Match Parent dengan Wrap Content di Android Studio

Match Parent

Match parent adalah nilai atribut yang digunakan untuk menyesuaikan lebar dan tinggi suatu tampilan (ViewGroup ataupun View) sama dengan ukuran lebar dan tinggi dari layar smartphone android yang anda gunakan. Selain digunakan untuk menyesuaikan ukuran tampilan sesuai dengan layar smartphone, match parent juga bisa digunakan untuk menyesuaikan ukuran view dengan ukuran viewgroupnya.

Agar anda lebih mengerti lihatlah contoh dibawah ini. Untuk memperjelas contoh ini, saya menggunakan background berwarna abu-abu.

<LinearLayout

    android:layout_width="match_parent"

    android:layout_height="200dp"

    android:orientation="vertical"

    android:background="#9E9E9E">

</LinearLayout

Dalam contoh diatas, saya menambahkan satu viewgroup ke dalam tata letak aplikasi. Dalam viewgroup tersebut saya menambahkan nilai atribut match_parent ke dalam atribut  layout_width, sehingga ukuran lebar dari viewgroup tersebut akan sama dengan ukuran lebar layar ponsel yang digunakan. Dengan menggunakan match parent ini juga akan membuat ukuran dari viewgroup tersebut lebih fleksibel, meskipun anda mengubah-ubah ukuran layar smartphone yang anda gunakan.

Dalam segi penggunaan, match parent ini tidak hanya digunakan untuk viewgroup saja, melainkan anda juga bisa memakainya pada view biasa, seperti TextView, ImageView, Button dan yang lainnya. Sebelumnya, saya juga mengatakan bahwa match parent ini juga bisa digunakan untuk menyesuaikan ukuran view dengan viewgroupnya. Untuk memperjelas pernyataan saya ini, lihat contoh dibawah ini.

<LinearLayout

    android:layout_width="200dp"

    android:layout_height="200dp"

   android:orientation="vertical">

    <TextView

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:text="TextView"

        android:textSize="30sp"

        android:textColor="#000"

        android:background="#FF7043"/>

</LinearLayout

Dalam contoh diatas saya menggunakan viewgroup dengan tinggi dan lebarnya 200dp. Sedangkan, tinggi dan lebar dari TextView, menggunakan match_parent. Dan seperti yang anda lihat bahwa tinggi dan lebar dari TextView tersebut sama dengan tinggi dan lebar viewgroupnya yaitu 200dp.

Wrap Content

Wrap content adalah nilai atribut yang digunakan untuk menyesuaikan ukuran lebar dan tinggi view berdasarkan konten atau objek yang ada di dalamnya.

Lihatlah contoh gambar di bawah ini.

Gambar di atas yang ada di sebelah kiri merupakan sebuah TextView yang tidak menggunakan wrap_content,dengan tinggi 50dp dan lebar 200dp. Terlihat dari gambar tersebut bahwa ukuran lebar dan tinggi dari TextView tersebut melebihi ukuran objek yang ada didalamnya sehingga tampilannya sendiri menjadi kurang rapi.

Anda juga perlu mengubah ukuran lebar dan tinggi tampilan secara manual jika objek atau konten yang ada di dalamnya melebihi ukuran lebar dan tinggi yang sudah di tetapkan. Seperti yang terjadi di dalam gambar yang sebelah kanan.

Gambar di atas merupakan TextView yang sudah menggunakan wrap_content, sehingga ukuran lebar dan tingginya sama dengan ukuran objek atau konten yang ada di dalamnya.

Dengan menggunakan wrap content ini, anda tidak perlu mengubah ukuran dari TextView secara manual berdasarkan ukuran objek atau konten yang ada di dalamnya.

Sumber : https://bangropi.com/perbedaan-match-parent-dengan-wrap-content/