Membuat Komponen Edit Text untuk Form Login di Android Studio - Naskahkode


 

Hai Sobat naskahkode,kemarin kita membahas mengennai  project mengubah warna backgroud dan textView, kini kita mencoba untuk  Membuat Komponen Edit Text  untuk Form Login di Android Studio .

Syaratnya, Kamu harus mengikuti langkah langkah pembuatan yang benar. Berikut ini kami akan membagikan Cara Membuat Komponen Edit Text  untuk Form Login di Android Studio

Persiapan

  1. Install Android Studio – Sebelum kamu membuat sebuah aplikasi Android, Kamu harus menginstall software Android Studio. Melalui langkah ini untuk menginstall Android Studio di linux manjaro. 
  2.  Spesifikasi Laptop – Spesifikasi yang dibutuhkan adalah RAM minimal 4GB. Yang direkomendasikan 8GB RAM, dan tambahan 1GB untuk menjalankan Emulator Android.

Praktik

1. Buka Aplikasi Android studio , bisa lewat terminal atau app manager

2. Tampilan Awal Android Studio

Disini merupakan tampilan awal ketika kamu membuka aplikasi android studio ,terdapat bebrapa pilihan , kamu harus klik menu start a new Android Studio Project untuk membuat aplikasi baru

3. Memilih Template Projek

Terdapat beberapa template default projek android studio, disini kita akan memakai template empty Activity

4. Mengonfigurasi projek



5. Menambahkan Element pada tab desain


A. Menambahkan source code nya langsung dengan mengaktifkan menu Split atau Code di pojok kanan atas , dengan script dibawah ini 
Perhatikan text yg warna putih , saya sarankan agar di samakan tiap ID nya ,untuk meminimalisir terjadinya error., untuk menambahkan Edittext , sintaknya cukup sederhana yakni <EditText />
 
<?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"
tools:context=".MainActivity">

<TextView
android:id="@+id/myText1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textSize="20dp"
android:text="Email : "/>

<EditText
android:id="@+id/myTextField1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:hint="Ketik email Anda." />


<TextView
android:id="@+id/myText2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textSize="20dp"
android:text="Password : "/>

<EditText
android:id="@+id/myTextField2"
android:layout_width ="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:hint="Ketik Password Anda. I "/>

</LinearLayout>
 
 
 
B. Sehingga tampilannnya akan menjadi seperti dibawah ini


 

6. Menjalankan Project

A. Memilih avd manager

 

B. Jika belum punya ,klik create new virtual drive untuk membuat virtual drive baru  , jika sudah punya skip ke urutan E
C. Memilih jenis device untuk virtual drive nya
D. Download terlebih dahulu ,sesuaikan dengan level API yang dibutuhkan , disini saya menggunakan android Nougat
E. Jika sudah terdonwload / sudah ada ,klik tombol play untuk memulai dan menjalankan virtual drive nya
F.Run project bisa dengan klik tombol play atau shorcut SHIFT + F10 Jika tidak ada error , maka virtual decive akan menampikan hasil dari proram kita


 


G. Selesai
 


Sekian artikel dari tim naskahkode , semoga bermanfaat :)








Bagikan:

Post a Comment

Top Ads

Middle Ads 1

Middle Ads 2

Bottom Ads