Tugas 3 (Modul 4) PAPB - Pengenalan Komponen UI Lanjutan Pada Android Studio

 Tutorial Membuat Tampilan Inputan dan Register Pada Android Studio


1. Buka Aplikasi "Android Studio", Lalu Klik "New Project".


2. Pilih Phone and Tablet > Empty Activity > Next.


3. Ikuti Konfigurasi Project seperti gambar dibawah ini :

    Name                    : TugasModul4

    Package name    : mattmaull.blogspot.com.tugasmodul4

    Save location      : F:\14520796_Rahmat-Maulana\PAPB_Adi\TugasModul4

    Language             : Java

    Minimum SDK    : API 21: Android 5.0 (Lolipop) 

    Jika sudah Klik "Finish".


4. Pada Bagian activity_main.xml, 

Ketikkan Code Seperti dibawah ini :

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
android:orientation="vertical"
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"
tools:context=".MainActivity">


<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="Username"
android:inputType="text"
/>

<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="Password"
android:inputType="numberPassword"
android:minHeight="48dp" />

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

<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="Phone"
android:inputType="number"
android:minHeight="48dp" />

<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="Website"
android:inputType="text"
android:minHeight="48dp" />

<RadioGroup
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal">

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Jenis Kelamin"
android:textSize="16sp" />

<RadioButton
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginLeft="15dp"
android:hint="Laki-Laki" />

<RadioButton
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginLeft="15dp"
android:hint="Perempuan" />
</RadioGroup>

<Button
android:layout_marginTop="15dp"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Register"
android:backgroundTint="#009688" />

<Button
android:layout_marginTop="-10dp"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Login"
android:backgroundTint="#4CAF50"/>

</LinearLayout>



5. Jika sudah selesai mengetikan Code diatas, Maka tampilan Desain  pada activity_main.xml seperti gambar dibawah ini :



6. Kemudian Kkik "Run" Untuk Menjalankan Aplikasi yang telah kita buat.



7. Berikut Tampilan Aplikasi Ketika Selesai Running.

    Namun ini hanya tampilan , jadi Fungsi Button belum berjalan karena belum ada interaksi javanya(sesuai Tugas) hanya tampilan Inputan UI.

   (Hasil Akhir)




Komentar