TUGAS 4.1 – novirp's blog

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

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

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