NAMA : SAFIRA AINI
NIM : 1202154315
KELAS : SI-39-03

4.1. Menggunakan Keyboard, Kontrol Masukan, Peringatan, dan Picker

Tugas 1: Bereksperimen dengan atribut keyboard entri teks

1.1 Membuat layout utama dan metode showText

 

Hasil :

 

1.2 Setel keyboard untuk menjadikan huruf besar di awal kalimat

 

Hasil :

1.3 Setel keyboard untuk menyembunyikan sandi saat memasukkannya

Hasil :

Tugas 2. Mengubah tipe keyboard

2.1 Menggunakan keyboard email

Hasil :

2.2 Menggunakan keypad ponsel

Hasil :

Tugas 3: Menambahkan kontrol masukan spinner untuk memilih label telepon

3.1 Salin proyek KeyboardSamples dan ubah layout

3.2 Tambahkan kode untuk mengaktifkan spinner dan listener-nya

3.3 Tambahkan kode untuk merespons pilihan pengguna

Hasil :

Tugas 4: Menggunakan dialog untuk peringatan yang memerlukan keputusan

4.1 Buat proyek baru dengan layout untuk menampilkan dialog peringatan

Hasil :

Tugas 5: Menggunakan picker untuk masukan pengguna

5.1 Membuat layout aktivitas utama

5.2 Buat fragmen baru untuk picker tanggal

 

5.3 Buat fragmen baru untuk picker waktu

Date Picker :

 

package com.example.android.DateTimePickers;
 
 
 import android.app.DatePickerDialog;
 import android.app.Dialog;
 import android.os.Bundle;
 import android.support.annotation.NonNull;
 import android.support.v4.app.DialogFragment;
 import android.support.v4.app.Fragment;
 import android.widget.DatePicker;
 
 import java.util.Calendar;
 
 public class DatePickerFragment extends DialogFragment
         implements DatePickerDialog.OnDateSetListener {
 
     /**
      * Creates the date picker dialog with the current date from Calendar.
      * @param savedInstanceState    Saved instance
      * @return DatePickerDialog     The date picker dialog
      */
     @NonNull
     @Override
     public Dialog onCreateDialog(Bundle savedInstanceState) {
         // Use the current date as the default date in the picker.
         final Calendar c = Calendar.getInstance();
         int year = c.get(Calendar.YEAR);
         int month = c.get(Calendar.MONTH);
         int day = c.get(Calendar.DAY_OF_MONTH);
 
         // Create a new instance of DatePickerDialog and return it.
         return new DatePickerDialog(getActivity(), this, year, month, day);
     }
 
         public void onDateSet(DatePicker view, int year, int month, int day) {
         // Convert the date elements to strings.
         // Set the activity to the Main Activity.
         MainActivity activity = (MainActivity) getActivity();
         // Invoke Main Activity's processDatePickerResult() method.
         activity.processDatePickerResult(year, month, day);
     }
 
 }





Main Activity

package com.example.android.DateTimePickers;
 
 import android.os.Bundle;
 import android.support.v4.app.DialogFragment;
 import android.support.v7.app.AppCompatActivity;
 import android.view.View;
 import android.widget.Toast;
 
 /**
  * This app shows the time and date pickers when you click the appropriate button.
  */
 public class MainActivity extends AppCompatActivity {
 
     /**
      * Creates the view based on the layout for the main activity.
      * @param savedInstanceState    Saved instance
      */
     @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.activity_main);
     }
 
     public void showDatePickerDialog(View v) {
         DialogFragment newFragment = new DatePickerFragment();
         newFragment.show(getSupportFragmentManager(), getString(R.string.date_picker));
     }
 
     public void showTimePickerDialog(View view) {
         DialogFragment newFragment = new TimePickerFragment();
         newFragment.show(getSupportFragmentManager(), getString(R.string.time_picker));
     }
 
     public void processDatePickerResult(int year, int month, int day) {
         // The month integer returned by the date picker starts counting at 0
         // for January, so you need to add 1 to show months starting at 1.
         String month_string = Integer.toString(month + 1);
         String day_string = Integer.toString(day);
         String year_string = Integer.toString(year);
         // Assign the concatenated strings to dateMessage.
         String dateMessage = (month_string + "/" + day_string + "/" + year_string);
         Toast.makeText(this, getString(R.string.date) + dateMessage, Toast.LENGTH_SHORT).show();
     }
 
     public void processTimePickerResult(int hourOfDay, int minute) {
         // Convert time elements into strings.
         String hour_string = Integer.toString(hourOfDay);
         String minute_string = Integer.toString(minute);
         // Assign the concatenated strings to timeMessage.
         String timeMessage = (hour_string + ":" + minute_string);
         Toast.makeText(this, getString(R.string.time) + timeMessage, Toast.LENGTH_SHORT).show();
     }
 
 } Time Picker :



package com.example.android.DateTimePickers;
 
 
 import android.app.Dialog;
 import android.app.TimePickerDialog;
 import android.os.Bundle;
 import android.support.annotation.NonNull;
 import android.support.v4.app.DialogFragment;
 import android.support.v4.app.Fragment;
 import android.text.format.DateFormat;
 import android.widget.TimePicker;
 
 import java.util.Calendar;
 
 /**
  * A simple {@link Fragment} subclass for a time picker.
  * Sets the current time for the picker using Calendar.
  */
 public class TimePickerFragment extends DialogFragment implements TimePickerDialog.OnTimeSetListener {
 
     /**
      * Creates the time picker dialog with the current time from Calendar.
      * @param savedInstanceState    Saved instance
      * @return TimePickerDialog     The time picker dialog
      */
     @NonNull
     @Override
     public Dialog onCreateDialog(Bundle savedInstanceState) {
         // Use the current time as the default values for the picker.
         final Calendar c = Calendar.getInstance();
         int hour = c.get(Calendar.HOUR_OF_DAY);
         int minute = c.get(Calendar.MINUTE);
 
         // Create a new instance of TimePickerDialog and return it.
         return new TimePickerDialog(getActivity(), this, hour, minute,
                 DateFormat.is24HourFormat(getActivity()));
     }
 
     /**
      * Grabs the time and converts it to a string to pass
      * to the Main Activity in order to show it with processTimePickerResult().
      * @param view          The time picker view
      * @param hourOfDay     The hour chosen
      * @param minute        The minute chosen
      */
     public void onTimeSet(TimePicker view, int hourOfDay, int minute) {
         // Set the activity to the Main Activity.
         MainActivity activity = (MainActivity) getActivity();
         // Invoke Main Activity's processTimePickerResult() method.
         activity.processTimePickerResult(hourOfDay, minute);
     }
 }

Hasil :

 

Tugas 6: Menggunakan tampilan gambar sebagai tombol

6.1 Mulai proyek baru

 

6.2 Tambahkan gambar

 

6.3 Tambahkan metode onClick untuk tampilan gambar

Tugas 7: Menggunakan tombol radio

7.1 Tambahkan aktivitas lain

7.2 Tambahkan layout untuk tombol radio

7.3 Tambahkan handler klik tombol radio

 

Hasil :

 

4.2: Menggunakan Menu Opsi

Tugas 1: Menambahkan item ke menu opsi opsi

1.1 Periksa kode bilah aplikasi

Hasil :

Hasil:

H

Hasil :

4.3: Menggunakan Bilah Aplikasi dan Tab untuk Navigasi

Tugas 1. Menambahkan tombol Naik untuk navigasi ancestral

Hasil :

Tugas 2. Menambahkan navigasi tab dengan tampilan gesek

2.1 Buat layout untuk navigasi tab

 

2.2 Buat layout dan kelas untuk setiap fragmen

2.3 Add a PagerAdapter

2.4 Inflate the Toolbar and TabLayout

Hasil :

 

4.4 Membuat RecyclerView

Tugas 1. Membuat dan mengonfigurasi proyek baru

1.1Proyek

1.2 Buat layout untuk satu item daftar

 

Tugas 2. Membuat kumpulan data

Tugas 3: Membuat RecyclerView

3.1 Buat layout utama di activity_main.xml

3.2 Buat layout untuk satu item daftar

 

3.3 Buat gaya dari atribut TextView

3.4. Buat adapter dengan holder tampilan

 

Tugas 4. Membuat daftar agar interaktif

Tugas 5. Menambahkan FAB untuk menyisipkan item

5.1. Menambahkan Tombol Aksi Mengambang (FAB)

5.2 Tambahkan perilaku ke FAB

Hasil :