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
Posting Komentar