TextView, EditText & Button Android Studio

0 Comments



Hallo Guys Setelah agak lama saya berusaha untuk memahami alur kodingnya, akhirnya saya memahaminya, (sorry agak lebay hehe).......
Disini kami akan membuat Tutorial yang ke-2, yaitu:
Membuat sebuah Form dengan memasukan widget TextView, EditText dan Button)
Pertama
Seperti biasa anda menjalankan Android Studio, Kemudian anda seperti biasa memberi nama aplikasi, company domain, minimun versi untuk menjalankan aplikasi yang akan anda buat

Kedua
anda memilih Blank activty

Ketiga
anda masuk ke penambahan widget pada Activity_main.xml.
Disini Kami Memakai jenis Layout yang Relative, Kenapa kami memakai Relative Layout?
karena Relative Layout itu memberikan keleluasan untuk menggeser ataupun mengubah ukuran dari widget yang akan kita tambahkan nantinya, kami coba membuat beberapa widget, yaitu:
 a.TextView
TextView adalah dimana kita dapat memberikan atau menampilkan tulisan di dalam aplikasi yang ingin kita , disini TextView yang ingin dibuat terdiri dari 4 bagian, yaitu bagian Welcome, Nama, Email dan No telpon
              
        b. EditText
EditText adalah Tempat pengguna / user memasukan field, disini EditText yang ingin kita buat terdiri dari 3 bagian, yaitu bagian EditTextNama, EditTextEmail, dan EditTextTelpon
c. Button
Button adalah tombol yang dimana kita dapat gunakan untuk memberi perintah, disini yang ingin kita buat terdiri dari 1 button, yaitu Button Submit saja hehehe :-)
Penjelasan Kodingnya
tugas2.2.1.png
Pada bagian yang di drag, merupakan kode untuk mengeset background yang telah dicopy pada folder @drawable dengan nama file “hello”
tugas2.2.2.png
tugas2.2.4.png
tugas2.2.5.png
  1. Pada bagian yang di beri petunjuk arah berwarna Hitam, merupakan kode untuk menamakan ID pada widget,
  2. Bagian yang diberi petunjuk arah berwarna hijau, merupakan kode letak widget itu berada contoh: pada widget “hasil email”, disini kami memakai android:layout_below, yang berarti posisi dari widget dibawah dari widget “hasil nama”
  3. Bagian yang diberi petunjuk arah berwarna biru, merupakan kode untuk memberi warna pada widget
  4. Bagian yang diberi petunjuk arah berwarna Coklat, merupakan kode untuk memberi Teks pada widget
tugas2.2.3.png 
  1. Pada bagian yang di beri petunjuk arah berwarna Hitam, merupakan kode untuk menamakan ID pada widget,
  2. Bagian yang diberi petunjuk arah berwarna Coklat, merupakan kode letak widget itu berada contoh: pada widget “hasil email”, disini kami memakai android:layout_below, yang berarti posisi dari widget dibawah dari widget “hasil nama”
  3. Bagian yang diberi petunjuk arah berwarna Biru, merupakan kode untuk memberi warna pada widget
  4. Bagian yang diberi petunjuk arah berwarna Merah, merupakan kode untuk memberi masukan pada widget tersebut
  tugas2.2.8.png

Berikut adalah tampilan dari aplikasinya
Mari kita move ke bagian javanya :-D
tugas2.2.6.png
  1. Pada bagian yang diberikan petunjuk berwarna Hitam, merupakan kode untuk memasukan beberapa perintah pada class java
  2. Pada bagian yang diberikan petunjuk berwarna Biru, merupakan kode untuk mendeklarasikan beberapa widget yang sudah dibuat
  3. Pada bagian yang diberikan petunjuk berwarna Coklat, merupakan kode untuk memberikan perintah terhadap widget button agar dapat memanggil “nama_input” lalu menampilkan pada widget

 

Unknown

Tidak ada komentar:

Posting Komentar