Membuat Aplikasi Date Time Picker Obrolan Android Studio

Oleh Pojok Guru

Sabtu, 20 Mei 2017

Bagikan :

Tweet

Hai sobat, ketemu lagi dengan aku di artikel pemrograman android. Pada artikel sebelumnya aku telah menjelaskan wacana bagaimana menggabungkan data ListView dengan Navigation Drawer androd. Dan kini aku akan menjelaskan bagaimana menampilkan DateTimerPicker dengan memakai Android Studio.

DateTimePicker atau Picker adalah komponen yang dipakai untuk menentukan tanggal dan waktu di tampilan. Widget ini biasa dipakai di banyak sekali aplikasi. Komponen ini sanggup ditampilkan pribadi di tampilan layout atau ditampilkan di dalam dialog. Dan pada artikel kali ini aku akan menjelasakan bagaimana menciptakan atau menampilkan  komponen DatePickerDialog dan TimePickerDialog menggunakan class Calendar Tiap komponen manampilkan setiap kontrol untuk menentukan cuilan dari waktu ibarat jam, menit dan cuilan waktu (AM/PM) atau untuk DatePicker ibarat cuilan hari, tanngal dan tahun.

Komponen Date Time Picker sanggup ditampilkan di layout langsung, tapi hal ini akan menciptakan ruang  lebih di tampilan. Oleh alasannya yaitu itu, menampilkan komponen DateTimePicker dan TimePicker di obrolan yaitu pilihan yang tepat. Dan lebih bagusnya lagi, android menyediakan class DateTimePickerDialog dan TimePickerDialog sendiri sehingga sanggup menampilkan mereka dalam bentuk dialaog.

Baca juga "Cara Agar Akun Google Tetap Aman"

Class DateTimePickerDialog dan TimePickerDialog mempunyai method onDateSetListener() dan onTimeSetListener() dan masing masing method mempunyai callback yang berbeda. Method ini akan dipangil sehabis pengguna menentukan data di komponen ini.

DatePickerDialog memiliki 5 konstruktor dengan parameter sebagai berikut ini :

• Contex : kontek dari aplikasi android
• CallBack Function onDateSet() : callback yang dipanggil sehabis pengguna menentukan tanggal dan memasukkannya ke dalam parameter berikut 

1. int year : akan menyimpan tahun yang dipilih dari Dialog
2. int monthOfYear : akan menyimpan bulan yang dipilih dari Dialog
3. int dayOfMonth : akan menyimpan hari yang dipilih dari Dialog

• int mYear : mengatakan tahun kini dikala Dialog muncul
• int mMonth : mengatakan bulan kini dikala Dialog muncul
• int mDay : menampilkan hari sakarang dikala Dialog muncul

Baca juga "Mengantisipasi Smartphone Hilang atau Kemalingan"

TimePickerDialog memiliki 5 kontruktor dengan parameter ibarat berikut ini :

• Contex : kontek dari aplikasi android
• CallBack Function onTimeSet() : callback yang dipanggil sehabis pengguna menentukan waktu dan memasukkannya ke dalam parameter berikut 

1. int hourOfDay: akan menyimpan jam yang dipilih dari Dialog
2. int minute : akan menyimpan menit yang dipilih dari Dialog

• int mHours : mengatakan jam kini dikala Dialog muncul
• int mMinute : mengatakan menit kini dikala Dialog muncul
• boolean false : kalau bernilai false maka akan menampilkan waktu dalam format 24 jam

Oke itu yaitu sedikit klarifikasi wacana DateTimePickerDialog dan TimePickerDialog pada android. Dan kini kita akan mencoba menciptakan aplikasi android dan menampilkan kompoenen ini pada aplikasi android. Berikut langkah pembuatanya sob :

Pertama buat project gres dengan nama DateTimePicker. dan atur nama package dan folder penyimpanan sesuai impian sobat 

Pilih minimal SDK sesuai yang diinginkan

Untuk jenis activity pilih yang EmptyActivity

Setelah menciptakan project baru, selanjutnya buat tampilanya pada activity_main.xml. Tambahkan dua komponen EditText dan dua komponen Button. Untuk kodenya ibarat berikut ini :

 <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"     xmlns:app="http://schemas.android.com/apk/res-auto"     xmlns:tools="http://schemas.android.com/tools"     android:layout_width="match_parent"     android:layout_height="match_parent"     tools:context="com.blogspot.blogsetyaaji.datetimepicker.MainActivity">      <LinearLayout         android:id="@+id/parent1"         android:layout_width="match_parent"         android:layout_height="wrap_content"         android:orientation="vertical">          <LinearLayout             android:id="@+id/parent2"             android:layout_width="match_parent"             android:layout_height="match_parent"             android:layout_weight="1"             android:orientation="horizontal">              <EditText                 android:id="@+id/txttanggal"                 android:layout_width="match_parent"                 android:layout_height="wrap_content"                 android:layout_weight="1"                 android:ems="10"                 android:inputType="date" />              <Button                 android:id="@+id/btntanggal"                 android:layout_width="match_parent"                 android:layout_height="wrap_content"                 android:layout_weight="1"                 android:text="tanggal" />         </LinearLayout>          <LinearLayout             android:id="@+id/parent3"             android:layout_width="match_parent"             android:layout_height="match_parent"             android:layout_weight="1"             android:orientation="horizontal">              <EditText                 android:id="@+id/txtwaktu"                 android:layout_width="match_parent"                 android:layout_height="wrap_content"                 android:layout_weight="1"                 android:ems="10"                 android:inputType="time" />              <Button                 android:id="@+id/btnwaktu"                 android:layout_width="match_parent"                 android:layout_height="wrap_content"                 android:layout_weight="1"                 android:text="waktu" />         </LinearLayout>     </LinearLayout> </RelativeLayout> 

Selanjutnya kita tampilkan komponen DateTimePickerDialog dan TimePickerDialog di dalam file MainActivity.java ibarat berikut ini :

 package com.blogspot.blogsetyaaji.datetimepicker;  import android.app.DatePickerDialog; import android.app.TimePickerDialog; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.View; import android.view.animation.Animation; import android.view.animation.AnimationUtils; import android.widget.Button; import android.widget.CompoundButton; import android.widget.DatePicker; import android.widget.EditText; import android.widget.LinearLayout; import android.widget.Switch; import android.widget.TimePicker;  import java.util.Calendar;  public class MainActivity extends AppCompatActivity implements View.OnClickListener {      private Button btntanggal, btnwaktu;     private LinearLayout parent1;     private EditText txttanggal, txtwaktu;      private int mYear, mMonth, mDay, mHour, mMinute;      @Override     protected void onCreate(Bundle savedInstanceState) {         super.onCreate(savedInstanceState);         setContentView(R.layout.activity_main);           btntanggal = (Button) findViewById(R.id.btntanggal);         btnwaktu = (Button) findViewById(R.id.btnwaktu);         txttanggal = (EditText) findViewById(R.id.txttanggal);         txtwaktu = (EditText) findViewById(R.id.txtwaktu);         parent1 = (LinearLayout) findViewById(R.id.parent1);          btntanggal.setOnClickListener(this);         btnwaktu.setOnClickListener(this);     }      @Override     public void onClick(View v) {         switch (v.getId()) {             case R.id.btntanggal:                                  Calendar c = Calendar.getInstance();                 mYear = c.get(Calendar.YEAR);                 mMonth = c.get(Calendar.MONTH);                 mDay = c.get(Calendar.DAY_OF_MONTH);                                  DatePickerDialog datePickerDialog = new DatePickerDialog(this,                         new DatePickerDialog.OnDateSetListener() {                              @Override                             public void onDateSet(DatePicker view, int year, int monthOfYear, int dayOfMonth) {                                  txttanggal.setText(dayOfMonth + "-" + (monthOfYear + 1) + "-" + year);                              }                         }, mYear, mMonth, mDay);                 datePickerDialog.show();                 break;             case R.id.btnwaktu:                                  c = Calendar.getInstance();                 mHour = c.get(Calendar.HOUR_OF_DAY);                 mMinute = c.get(Calendar.MINUTE);                                  TimePickerDialog timePickerDialog = new TimePickerDialog(this,                         new TimePickerDialog.OnTimeSetListener() {                              @Override                             public void onTimeSet(TimePicker view, int hourOfDay, int minute) {                                  txtwaktu.setText(hourOfDay + ":" + minute);                             }                         }, mHour, mMinute, false);                 timePickerDialog.show();                 break;         }     } } 

Sekarang jalankan aplikasinya, maka akan tampil ibarat berikut ini

Pada aplikais ini, dikala tombol diklik, maka akan menampilkan DateTimeickerDialog atau TimePickerDialog. Kemudian pengguna sanggup menentukan data yang diinginkan dan selanjutnya data akan ditampilkan ke dalam komponen EditText.

Oke gampang kan sob. Jika sahabat kesulitan, silahkan sanggup download projectnya di tombol berikut ini atau pribadi di github aku hehe 😁

• DOWNLOAD

Follow @AjiSetya Star Watch

Sekian tutorial tentang Membuat Aplikasi Date Time Picker Dialog Android Studio, supaya bermanfaat untuk nusa dan bangsa hehe. Silahkan share artikel ini ke sahabat lainya kalau sahabat menyukainya. Bila ada pertanyaan, silakan sahabat sanggup bertanya pada kolom komentar di bawah. Sekian dari saya, hingga jumpa di artikel selanjutnya..

Tag : Pemrograman, Pemrograman Android