Tutorial Belajar Menggunakan InputType di EditText Android

Halo semuanya, melanjutkan series tentang tutorial dasar membuat aplikasi di Android, kali ini kita akan membahas sebuah komponen yang memiliki peran sangat penting pada aplikasi Android, yaitu EditText.

EditText sangat berguna sebagai interface atau tempat untuk menerima inputan berupa text/kata-kata di aplikasi Android. Karena itu, jenis-jenis text yang bisa diterima oleh EditText pun bermacam-macam. Contohnya seperti password, nomor telepon, email address, dan sebagainya. Kita akan belajar cara mem-format EditText supaya bisa menerima inputan text sesuai dengan yang kita inginkan.

Tutorial Menggunakan InputType untuk mem-format EditText di Android

Contoh form registration dengan EditText custom InputType

Kita akan belajar untuk mem-format EditText supaya bisa menerima inputan text berupa :

  • text biasa
  • angka
  • nomor telepon
  • password
  • email
  • url web

Tutorial ini ditest menggunakan Android Studio, karena itu seperti biasa kita bisa memulai dengan membuat project Android baru di Android Studio terlebih dahulu.

Jika sudah, bisa langsung buka file activity_main.xml pada project yang telah kalian buat, dan masukkan kode berikut :

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:padding="15dp">

    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="Masukkan Text Biasa"
        android:inputType="text" />


    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="Masukkan Angka"
        android:inputType="number" />

    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="Masukkan Nomor Telepon"
        android:inputType="phone" />

    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="Masukkan Password"
        android:inputType="textPassword" />

    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="Masukkan Email"
        android:inputType="textEmailAddress" />

    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="Masukkan URL"
        android:inputType="textUri" />


</LinearLayout>

Kode di atas sudah lumayan jelas, jadi untuk menerima berbagai macam jenis text, kita bisa menggunakan attribut inputType pada EditText, dan mengubahnya sesuai dengan data text yang ingin kita masukkan.

Lebih jelasnya untuk masing-masing tipe text di bawah ini, kita harus mengubah inputType seperti berikut :

  • text biasa => inputType : text
  • angka => inputType : number
  • nomor telepon => inputType : phone
  • password => inputType : password
  • email => inputType : textEmailAddress
  • url web => inputType : textUri

Dengan menggunakan InputType, selain berfungsi untuk menspesifikasikan data yang ingin kita inputkan, InputType juga akan mengubah bermacam hal, seperti layout keyboard, dan tampilan text. Untuk InputType number, maka layout keyboard Android kita akan berubah hanya menampilkan angka, begitu halnya dengan InputType email, layout keyboard kita akan menampilkan simbol ‘@’ yang mudah diakses. Sedangkan untuk InputType password, maka apa yang kita ketikkan tidak akan tampil pada EditText, hanya ada titik-titik.

Untuk membuat EditText yang sesuai dengan Android Material Design, kalian bisa menambahkan TextInputLayout di EditText tersebut.

Pada tutorial ini, file MainActivity.java nya tidak perlu kita ubah, dibiarkan saja.

Demo

Untuk lebih jelasnya, bisa kita lihat pada demo video di bawah ini 🙂

Demonya berupa video, silahkan dibuffer, hanya 1 menitan kok.

That’s all ! Semoga membantu. 🙂 Jangan lupa untuk clone project nya sebagai Android Studio module di GitHub saya, dengan terlebih dahulu follow dan star project tersebut. Silahkan bertanya di bagian komentar jika ada yang kurang jelas. 😀

 





Download aplikasi kami di Google Play Store


Leave a Reply