Lesson 4.1: Using Keyboards, Input Controls, Alerts, and Pickers

Task 1. Experiment with text entry keyboard attributes

Pertama tama kita membuat Button dan EditText

Menambahkan method show text

Setelah running program dan kita coba ketikan sebuah kata maka akan muncul toast message sesuai dengan apa yang kita ketikan

kita coba mengubah inputType dengan textCapSentences untuk mengubah format input keyboard agar otomatis menjadi huruf kapital saat  pertama kali keyboard di buka

lalu kita coba ubah lagi inputType menjadi textPassword

Task 2: Change the keyboard type

lalu kita coba lagi ubah inputType menjadi textEmailAddress

dan kita juga coba ubah value dari string editText menjadi seperti dibawah ini

pada saat di running maka akan muncul di sebelah space bar akan muncul huruf @ untuk memudahkan pada saat pengisian email

selanjutnya kita ubah inputType phone
maka akan berubah format inputan keyboard menjadi inputan phone number

Task 3: Add a spinner input control for selecting a phone label
selanjutnya kita akan mencoba membuat spinner input kita langsung saja copy paste project KeyboardSamples dan ganti app_name menjadi Phone Number Spinner

 

Lalu kita tambahkan object spinner seperti dibawah pada activity_main.xml

dan kita juga akan membuat value dari spinner nya dengan menambahkan di class strings.xml dan memasukan labels_array nya seperti dibawah

lalu kita masuk ke main activity dan tambahkan implements  pada class main activity sepeerti dibawah

lalu kita akan menginisiasi object label_spinner seperti dibawah

lalu kita akan membuat array adapter yang nanti nya memakai value dari strings array yang sudah di buat di class strings

lalu kita akan menambahkan script untuk adapter spinner nya agar nantinya akan men drop down list item

lalu kita akan menambahkan script apabila spinner dipilih maka akan memunculkan textview sesuai dengan spinner yang dipilih

script dibawah akan berjalan apabila tidak ada spinner yang di pilih dan akan mengirimkan message log

Aplikasi setelah di running

Task 4: Use a dialog for an alert requiring a decision
selanjut nya kita akan membuat activity AlertSample dan kita tambahkan object textview dan button seperti dibawah

selanjut nya kita menambahkan method onClickShow Alert pada class MainActivity method ini akan berjalan apabila pengguna menekan tombol alert pada program

Aplikasi di jalankan

pada saat button alert di tekan maka akan muncul confirmation box seperti in

apabila kita menekan ok maka akan muncul toast message ok dan apabila cancel maka toast message nya akan menampilkan cancel

 

Task 5: Use a picker for user input

selanjutnya kita membuat program DateTimePickers dan masukan beberapa object di bawah ini, tapi ada beberapa perbedaan pada xml di bawah dimana kita menggunakan 2 layout jadi di dalam linear layout terdapat relative layout yang dimana didalamnay terdapat button-button

selanjutnya kita juga akan membuat fragment untuk TimePicker dimana pada class ini berguna untuk mengambil nilai waktu seperti jam,lalu menit

Menambahkan Import android seperti DatePicker, Calender, DatePickerDialog

Lalu Menambahkan Method onCreateDialog yang fungsinya yaitu menggunakan fungsi dari DatePickerDialog

Method onTimeSet fungsinya yaitu menambahkan jam dan menit

pada MainActivity kita menambahkan method onclick apabila user mengklik date atau time yang dimana nantinya akan memanggil fragment sudah kita buat contoh method nya seperti dibawah ini

 

apabila kita klik date maka akan muncul calender seperti ini

dan apabila kita mengklik time maka akan muncul tampilan seperti ini

dan apabila kita klik ok maka  akan mengeluarkan toast message sesuai jam yang di pilih

Task 6: Use image views as buttons

selanjutnya kita akan membuat project bernama Droid Cafe

pilih basic activity

Menambahkan Method showFoodOrder yaitu akan menampilkan menu makanan

lalu kita memasukan resource gambar dengan cara membuka directory DroidCafe>app>src>main>res>drawable

 

Lalu menambahkan String xml sebanyak ini

lalu kita tambahkan method showDonutOrder,ShowIcecreamOrder,ShowFroyoOrder dimana method-method ini akan berjalan apabila kita memencet salah satu gambar yang sudah kita masukan tadi

 

Aplikasi saat di jalankan

Task 7: Use radio buttons
Lalu membuat empty activity pada project droidcafe

setelah itu kita akan menambahkan method showFoodOrder pada MainActivity yang berisikan sebuah intent untuk membuka activity Order

Menambahkan Textview seperti berikut

lalu kita membuat radiogroup pada xml activity_order radiogroup ini berfungsi untuk mengelompokan radiobutton

lalu kita menambahkan method onRadioButtonClicked pada activity OrderActivity dimana method ini akan berjalan apabila radio button di click dan akan menampilkan toast message tertentu

 

Pada saat di running akan memilih makanan yang dipilih akan menampilkan seperti berikut