Komponen UI

Teori Singkat

Penggunaan dasar-dasar UI control (Button, EditText, TextView) dan juga cara menggunakan layouts pada Android Studio. Dari ketiga penggunaan UI control basics, dengan penggunaan Button, EditText, dan TextView dengan properti yang berbeda-beda, maka nantinya akan bisa dibuat sebuah user interface yang beragam dan hal ini akan berdampak juga terhadap fungsionalitas dan suasana dari aplikasi yang bisa diubah-ubah, bahkan ketika menggunakan view yang sama. Selain TextView view, Terdapat beberapa jenis Basic Views lain yang akan sering digunakan pada Android Studio Pallete, yaitu: 

 

Button: merepresentasikan sebuah widget push-button.

ImageButton: view yang mirip seperti Button, namun juga menampilkan gambar.  

EditText: sebuah subclass dari TextView yang memberikan akses kepada user untuk dapat mengedit konten dari text tersebut.

CheckBox: sebuah button berbentuk kotak yang memiliki dua status, yaitu terpilih atau tidak terpilih.

ToggleButton: menampilkan status terpilih maupun tidak terpilih menggunakan light indicator.

RadioButton: sama seperti CheckBox, RadioButton merupakan sebuah button berbentuk lingkaran yang memiliki dua status, yaitu terpilih maupun tidak terpilih. 

RadioGroup: view ini digunakan untuk mengelompokkan satu atau lebih RadioButton, dimana nantinya RadioButton yang telah dikelompokkan hanya bisa dipilih salah satu.

 

 

 

 

 

Latihan Praktikum 1.5

 

Pilih Start > Android Studio

Pilih Create New Project

Pilih Empty Activity lalu klik Next

 

Configure Your Project



Name > Modul3LatihanTugas

Package Name > mukamadikbal.blogspot.com

Save Location > disesuaikan

Minium Level API > disesuaikan

Lalu Finish, dan di bawah ini tampilan awal android studio



 

Sebelum ke activity_main, ubah terlebih dahulu Layout nya dengan cara Klik kanan pada ConstraintLayout, pilih Convert View



 

Lalu pilih Linear Layout, klik Apply













Setelah Layout diubah menjadi linear kemudian ubah lagi menjadi LinearLayout (Vertical)





Setelah itu, dibagian activity_main tambahkan tag <TextView> dan <EditText> dengan sintak dibawah ini











Untuk membuat pilihan kota tempat tinggal, gunakan tag <RadioGroup> dan <RadioButton>






 

 



terakhir untuk mensubmit yang telah di inputkan, gunakan tombol dengan tag <Button>





 

dan hasilnya



Komentar