JasaSoftwareSemarang: 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/