Belajar Menggunakan EditText Pada Android Studio

Sebelumnya kita sudah membahas bagaimana cara membuat Button di Android Studio. Pada artikel kali ini kita akan membahas mengenai widget lain yang ada di dalam Android Studio. Widget yang kali ini akan kita bahas adalah widget 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.

Contoh EditText

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:text="BangRopi.com"
    android:layout_centerInParent="true"/>

Contoh EditText dengan Teks

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:hint="Nama Anda..."
    android:layout_centerInParent="true"/>

Contoh EditText dengan hint

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:textSize="30sp"
    android:layout_centerInParent="true"/>

Contoh EditText dengan TextSize

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"/>

Contoh EditText dengan TextColor

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:hint="Nama Anda..."
    android:textColorHint="@color/colorPrimary"
    android:layout_centerInParent="true"/>

Contoh EditText denga TextColorHint

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 inputTypeDeksripsi inputType
numberJenis inputType ini hanya dapat memasukan angka ke dalam editText
phoneJenis inputType ini digunakan untuk memasukan nomor telepon
textMultilineJenis inputType ini digunakan untuk mengisi teks yang terdiri dari beberapa baris dalam satu editText
textPasswordJenis inputType ini digunakan sebagai password dan teks yang diketik pengguna dirahasiakan
textEmailAddressJenis inputType ini digunakan untuk mengisi alamat Email
textPersonNameJenis inputType ini digunakan sebagai nama orang.
dateJenis inputType ini digunakan untuk mengisi tanggal
timeJenis inputType ini digunakan untuk mengisi waktu
textUriJenis 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:hint="Nama Anda..."
    android:textColorHint="@color/colorPrimary"
    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"
    android:layout_height="match_parent"
    android:padding="20dp">

    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/edittext1"
        android:hint="Nama Anda..."
        android:maxLength="16"
        android:layout_centerHorizontal="true"/>

    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/edittext2"
        android:hint="Nomor Telepon..."
        android:inputType="phone"
        android:maxLength="12"
        android:layout_centerHorizontal="true"
        android:layout_below="@id/edittext1"/>

    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/edittext3"
        android:hint="Alamat E-mail"
        android:inputType="textEmailAddress"
        android:layout_centerHorizontal="true"
        android:layout_below="@id/edittext2"/>

    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/edittext4"
        android:hint="Tanggal Lahir..."
        android:inputType="date"
        android:layout_centerHorizontal="true"
        android:layout_below="@id/edittext3"/>

    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Submit"
        android:textColor="#fff"
        android:textStyle="bold"
        android:background="@color/colorAccent"
        android:layout_marginTop="30dp"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        android:layout_centerHorizontal="true"
        android:layout_below="@id/edittext4"/>
</RelativeLayout>

Hasil dari kode diatas terlihat seperti gambar dibawah ini.

Contoh Penggunaan EditText

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

Nah, sekian artikel mengenai Belajar Menggunakan EditText Pada Android Studio. Semoga artikel ini dapat bermanfaat bagi anda yang sedang belajar pemrograman android. Jika anda ingin bertanya anda bisa menyampaikannya di kolom komentar atau pada halaman Hubungi Saya. Anda juga dapat menyampaikan kritik dan sarannya mengenai artikel atau blog ini, agar blog ini dapat berkembang menjadi jauh lebih baik lagi.

Terima Kasih.

Leave a Reply

Your email address will not be published. Required fields are marked *