PENGENALAN KOMPONEN UI PADA ANDROID STUDIO

Berikut adalah beberapa komponen - komponen UI pada Android Studio : 

A. Praktikum Apps.1 (Komponen TextView)

• Buka Aplikasi Android Studio. Setelah muncul seperti ini, klik Star a new Android Studio project.
• Pilih template yang akan digunakan sesuai dengan kebutuhan, dan next.
• Akan muncul tampilan seperti dibawah ini. Kita hanya perlu memberi nama project pada “Name” dan pilih lokasi penyimpanan project-nya akan disimpan difolder mana pada bagian “Save location”, selebihnya cukup biarkan saja. Untuk name kita bernama “Komponen TextView”, dan Save location kita contohkan di folder Tugas PAB. Jika sudah, klik “Finish”.
• Setelah itu ketikan script pada activity_main.xml seperti dibawah ini :
• Klik “Run” untuk menjalankan script diatas, maka akan tampil seperti dibawah ini : 

B. Praktikum Apps.2 (Komponen EditText)

• Buka Aplikasi Android Studio. Setelah muncul seperti ini, klik Star a new Android Studio project. 
• Pilih template yang akan digunakan sesuai dengan kebutuhan, dan next.
• Pada langkah ini pengisiannya sama seperti praktikum sebelumnya. Hanya saja Namanya kita ganti “Komponen EditText”.
• Setelah itu, ketikan script dibawah ini pada activity_main.xml seperti text dibawah ini : 
• Klik “Run” untuk menjalankan script diatas, maka akan tampil seperti dibawah ini: 

C. Praktikum Apps.3 (Komponen Button & Image)

• Buka Aplikasi Android Studio. Setelah muncul seperti ini, klik Star a new Android Studio project. 
• Pilih template yang akan digunakan sesuai dengan kebutuhan, dan next.
• Pada langkah ini pengisiannya sama seperti praktikum sebelumnya. Hanya saja Namanya kita ganti “Komponen (Button & Image)”.
• Dikarenakan pada praktikum button & image ini kita memerlukan sebuah foto, maka pilih foto apa saja yang akan ditampilkan. Lalu copy foto tersebut, pastikan fotonya dalam bentuk “jpg atau jpeg”.
• 
• Setelah fotonya di-copy, kita kembali pada aplikasi Android Studio lagi. Lalu cari folder Res – Drawable pada folder project kita yang ada disebelah kiri script tadi. Lalu klik kanan pada folder Drawable dan pilih Paste.
• Pilih penyimpanan file foto tadi seperti dibawah ini, dan klik OK. Lalu ubah nama file foto kita, tidak menggunakan spasi dalam penamaan file foto. Karena, nantinya akan terjadi kendala dalam pemanggilan file tersebut ketika app android akan dijalankan.
• Setelah itu, ketikan script dibawah ini pada activity_main.xml seperti text dibawah ini : 
• Dan hasilnya kurang lebih akan seperti ini : 

D. Praktikum Apps.4 (Komponen RadioButton)

• Buka Aplikasi Android Studio. Setelah muncul seperti ini, klik Star a new Android Studio project. 
• Pilih template yang akan digunakan sesuai dengan kebutuhan, dan next.
• Pada langkah ini pengisiannya sama seperti praktikum sebelumnya. Hanya saja Namanya kita ganti “Komponen RadioButton”.
• Ketikkan script seperti yang ada dibawah ini : 
• 
  
  
• Klik “Run” untuk menjalankan script diatas, maka akan tampil seperti dibawah ini: 

E. Praktikum Apps.5

• Buka Aplikasi Android Studio. Setelah muncul seperti ini, klik Star a new Android Studio project. 
• Pilih template yang akan digunakan sesuai dengan kebutuhan, dan next.
• Pada langkah ini pengisiannya sama seperti praktikum sebelumnya. Hanya Name dan Save Location saja yang diganti, lalu klik Finish
• Ketikan script seperti dibawah ini : 
• Dan hasilnya seperti yang dibawah ini : 
•