Pada kesempatan kali ini saya akan membagikan tutorial membuat aplikasi input nama di Android Studio. Aplikasi ini dibuat menggunakan bahasa Java. Untuk membuat aplikasi ini sangat mudah sekali. Pertama buat proyek baru dengan cara, pilih File –> New Project. Setelah itu pilih Empy Activity seperti ditunjukan Gambar 1.
Kemudian Isikan nama project yang akan kita buat. Disini kita isikan nama projectnya “Aplikasi Input Nama“. Untuk packagenya bebas (biasanya alamat website perusahaan), yang penting terdiri dari dua kata dan diberi tanda titik(.). Kemudian untuk Language pilih “Java“. Minimum SDK pilih API 21: Android 5.0 (Lollipop) yang sudah kompatibel terhadap 98% perangkat android.
Hal pertama yang kita lakukan adalah mendesain tampilan antarmuka dari aplikasi android. Untuk melakukannya kita buka activity_main.xml. Disini kita desain tampilan antarmukanya menggunakan kode XML. Berikut adalah kode lengkap yang digunakan untuk membuat tampilan Aplikasi Input Nama.
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:padding="16dp"
tools:context=".MainActivity">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/Lbl_Nama"
android:textColor="@color/black"
android:textSize="16sp"
android:textStyle="bold" />
<EditText
android:id="@+id/TxtNama"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:layout_marginTop="30dp" />
<Button
android:id="@+id/BtnTampil"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentStart="true"
android:layout_alignParentTop="true"
android:layout_marginStart="8dp"
android:layout_marginTop="85dp"
android:text="@string/Btn_Tampil_Nama"
android:onClick="tampilNama"/>
<TextView
android:id="@+id/TxtHasil"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="150dp"
android:layout_marginStart="8dp"
android:textColor="@color/black"
android:textStyle="bold"
android:textSize="16sp"
android:text="" />
</RelativeLayout>Sehingga tampilan layout dari aplikasi kita tampak seperti ditunjukan pada Gambar 3.
Setelah berhasil mendesain layout, selanjutnya kita tambahkan logic program, agar aplikasi input nama dapat berfungsi sebagaimana mestinya. Buka file MainActivity.java, kemudian tambahkan kode berikut.
public class MainActivity extends AppCompatActivity {
EditText TextName;
TextView Hasil;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
TextName = findViewById(R.id.TxtNama);
Hasil = findViewById(R.id.TxtHasil);
}
public void tampilNama(View view) {
Hasil.setText("Nama Anda : " + TextName.getText());
TextName.getText().clear();
}
}Keterangan Kode :
- Baris 1 : Menjelaskan class MainActivity yang mewarisi fungsionalitas dari class AppCompatActivity
- Baris 2 dan 3 : Pembuatan Object EditText dengan nama TextName, dan Object TextView dengan nama Hasil
- Baris 8 : Menunjukan layout yang kita pakai adalah activity_main.xml
- Baris 9 dan 10 : Pembuatan variable TextName yang menyimpan id TxtNama, dan variabel Hasil yang menyimpan id TxtHasil
- Baris 13 s/d 16 : Pembuatan fungsi untuk menampilkan nama yang di inputkan di EditText. Nama akan tampil dalam bentuk TextView