4.1 Using Keyboards, Input Controls, Alerts, and Pickers
Buat project baru bernama Keyboard Sample. Setelah dibuat, masuk ke design dan masukkan text view dan button seperti di bawah
Lalu edit activity_layout.xml seperti di bawah ini
Masukkan method di bawah ini untuk memunculkan toast berisi apa yang kita tulis
Jika toast berhasil akan muncul tampilan seperti di bawah
Tambahkan inputType di bagian EditText seperti di bawah. Fungsinya untuk membuat huruf awal menjadi huruf Kapital
Jika berhasil, akan muncul tampilan seperti di bawah ini
Masukkan InputType seperti di bawah ini. Fungsinya untuk menampilkan tulisan yang diketik menjadi password
Jika berhasil, akan muncul tampilan seperti di bawah ini
2. Change the Keyboards Type
Tulisan InputTyper seperti di bawah ini. Fungsinya untuk menampilkan tombol @ yang berfungsi sebagai email
Jika berhasil, akan muncul tampilan seperti di bawah ini
Tulis InputType seperti di bawah ini. Fungsinya untuk mengubah apa yang kita tulis menjadi angka
Jika berhasil, akan muncul tampilan seperti di bawah ini
3. Add a Spinner Input Control for Selecting a Phone Label
Buat activity_main.xml seperti di bawah
Masukkan array untuk pilihan pada spinner
Lalu ketiklah codingan seperti di bawah
- Class untuk mengimplementasi AdapterView untuk memasukkan nilai array ke spinner
- Lalu Spinner spinner seperti di bawah untuk meinisiasi spinner dan set listener
- ArrayAdapter untuk mengambil data dari array dan memasukkan ke spinner
- Private String mSpinnerLabel untuk mendklarasi string mSpinnerLabel
- method showText untuk memasukkan data input dan spinner ke textView
Lalu masukkan koding seperti di bawah ini juga
- isi method onItemSelected untuk mengambil spinner hasil input user
- Log d. untuk memasukkan log jika user tak memilih spinner
Jika berhasil, akan keluar tampilan seperti di bawah ini
4. Use a Dialog for an Alert Requiring a Decision
Buat activity_layout.xml seperti di bawah
Lalu lakukan koding seperti di bawah ini
- buat method onClickShowAlert dan object AlertDialog
- kode myAlertBuilder.setTitle… untuk judul dan myAlertBuilder.setMessage…untuk pesan pada alert dialog
- kode myAlertBuilder.setPositiveButton… untuk menambahkan tombol ‘OK’ alert
- kode myAlertBuilder.setNegativeButton… untuk menambahkan tombol ‘CANCEL’ alert
- kode myAlertBuilder.show(); untuk memunculkan pesan alert
Jika semua kode tersebut sudah dimasukkan dan jika berhasil, akan muncul tampilan seperti di bawah ini
5. Use a Picker for User Input
Buat fragment bernama DatePickerFragment, fragment seperti mini-activity dengan lifecycle tersendiri
Lalu buat kodingan seperti di bawah ini
- Public Class DatePickerFragment extends DailogFragment implemens…
- public void onDataSet (DatePicker view, int year… untuk tahun, bulan dan hari
- @NonNull… @Override… publid Dialog onCreateDialog (Bundle…
- final Calnder c = …untuk menginisialisasikan tahun, bulan dan hari dari kalender dan mengembalikan nilai Dialog ke main activity
Buat fragment baru bernama TimePickerFragment dan kode seperti di bawah
Masukkan kode string name=”date_picker… dan “time_picker pada string source
Masukkan kode public void showDatePicker… dan showTimePicker… untuk memanage fragment dan menampilkannya
Jika berhasil akan keluar tampilan seperti di bawah
Buat method processDataPickerResult dan processTimePickerResult untuk mengambil data dari input dan menampilkannya di Toast
6. Usage Image View as Buttons
Buat project baru bernama Droid Cafe dan masukkan string di bawah ini ke string.xml
Di bawah TextView pertama, masukkan kumpulan kode TextView baru seperti di bawah ini
Klik kanan pada Drawable dan pilih show in explorer
Masukkan gambar ini ke dalam folder drawable
List gambar yang sudah dimasukkan tadi akan muncul di bawah kolom Drawable
Lalu masukkan kodingan seperti di bawah ini
Masukkan string di bawah untuk ditampilkan pada Toast
- Tambahkan tiga method (public void showDonutOrder… public void showIceCreamOrder… public void showFroyoOrder…) untuk menampilkan toast sesuai dengan makanan yang dipesan
- Pada MainActivity.java, tambahkan method public void displayToast()… untuk menampilkan Toast
Jika berhasil, akan muncul tampilan seperti di bawah
7. Use Radio Buttons
Buat activity baru bernama OrderActivity
pada method showFoodOrder() di MainActivity, buat intent untuk pindah ke halaman OrderActivity
Jika berhasil, akan muncul tampilan seperti berikut
Tambahkan TextView (yang kodingan pertama) seperti di bawah ini
Lalu tambahkan radio button dengan membuat radio group seperti ini
Lalu tambahkan method untuk menampilkan method dan click handler untuk masing-masing radio button yang telah dibuat tadi