Import ButterKnife dan MaterialEditText library ke dalam Android Studio Klik build.gradle seperti gambar di bawah ini.
Lalu masukkan kode di bawah ke dalam dependencies lalu jangan lupa klik ‘sync now’, tunggu hingga proses import berhasil. Sangat disarankan untuk selalu terhubung ke internet karena proses di Android Studio yang sering menggunakan akses internet.
Langkah selanjutnya kita bisa ke activity_main.xml untuk mengatur tampilan aplikasi Android kita. Di aplikasi Form Data Input ini kita akan membuat 5 kolom isian dengan 5 view MaterialEditText, 1 view Button dan beberapa TextView untuk menampilkan hasil data di bawahnya.
activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:padding="16dp"
tools:context="com.rachmat.formdata.MainActivity">
<com.rengwuxian.materialedittext.MaterialEditText
android:id="@+id/input_nama"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="Nama"
android:inputType="textPersonName"
android:textSize="16sp"
app:met_floatingLabel="highlight" />
<com.rengwuxian.materialedittext.MaterialEditText
android:id="@+id/input_nik"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="Nomor Induk Kependudukan"
android:inputType="number"
android:textSize="16sp"
app:met_floatingLabel="highlight" />
<com.rengwuxian.materialedittext.MaterialEditText
android:id="@+id/input_umur"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="Usia"
android:inputType="number"
android:textSize="16sp"
app:met_floatingLabel="highlight"
app:met_maxCharacters="2" />
<com.rengwuxian.materialedittext.MaterialEditText
android:id="@+id/input_alamat"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="Alamat"
android:inputType="text"
android:textSize="16sp"
app:met_floatingLabel="highlight" />
<com.rengwuxian.materialedittext.MaterialEditText
android:id="@+id/input_institusi"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="Asal Institusi"
android:inputType="textCapWords"
android:textSize="16sp"
app:met_floatingLabel="highlight" />
<Button
android:id="@+id/simpan_button"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:onClick="submit"
android:text="simpan"
android:textAllCaps="true"
android:textSize="16sp" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="180dp"
android:background="#eceff1"
android:orientation="horizontal">
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:orientation="vertical"
android:layout_marginLeft="8dp"
android:layout_marginTop="8dp">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="Nama" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="NIK" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="Umur" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="Alamat" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="Asal Institusi" />
</LinearLayout>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:orientation="vertical"
android:layout_marginLeft="8dp"
android:layout_marginTop="8dp">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text=":" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text=":" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text=":" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text=":" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text=":" />
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:layout_marginLeft="8dp"
android:layout_marginTop="8dp">
<TextView
android:id="@+id/hasil_nama"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="1" />
<TextView
android:id="@+id/hasil_nik"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="1" />
<TextView
android:id="@+id/hasil_umur"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="1" />
<TextView
android:id="@+id/hasil_alamat"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="1" />
<TextView
android:id="@+id/hasil_institusi"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="1" />
</LinearLayout>
</LinearLayout>
</LinearLayout>
Bila kita klik Run baik menggunakan emulator bawaan Android Studio maka tampilannya akan seperti ini.
kemudian daftar ,masukan email dan paswrd anda , hasilnya akan seperti ini
lalu kemudian masuk ke From data
Memberikan functional code di main_activity.java
package com.rachmat.formdata;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;
import butterknife.BindView;
import butterknife.ButterKnife;
import butterknife.OnClick;
public class MainActivity extends AppCompatActivity {
@BindView(R.id.input_nama)
EditText inputNama;
@BindView(R.id.input_nik)
EditText inputNik;
@BindView(R.id.input_umur)
EditText inputUmur;
@BindView(R.id.input_alamat)
EditText inputAlamat;
@BindView(R.id.input_institusi)
EditText inputInstitusi;
@BindView(R.id.simpan_button)
Button simpan_button;
@BindView(R.id.hasil_nama)
TextView hasilNama;
@BindView(R.id.hasil_nik)
TextView hasilNik;
@BindView(R.id.hasil_umur)
TextView hasilUmur;
@BindView(R.id.hasil_alamat)
TextView hasilAlamat;
@BindView(R.id.hasil_institusi)
TextView hasilInstitusi;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
ButterKnife.bind(this);
}
@OnClick(R.id.simpan_button)
public void btnClicked() {
String nama = inputNama.getText().toString();
hasilNama.setText(nama);
String nik = inputNik.getText().toString();
hasilNik.setText(nik);
String umur = inputUmur.getText().toString();
hasilUmur.setText(umur);
String alamat = inputAlamat.getText().toString();
hasilAlamat.setText(alamat);
String institusi = inputInstitusi.getText().toString();
hasilInstitusi.setText(institusi);
}
}
Ini Hasilnya
Demikian cara membuat aplikasi Form input di Android. Jika ada kekurangan mohon komentarnya. Terima Kasih
Wassalamualaikum
0 komentar