Cara Mendapatkan Waktu Menggunakan Time Picker Dialog di Android Studio

Hai android programmer, bagaimana kabar kalian hari ini? Saya harap kalian dalam keadaan yang baik-baik saja. Sebelumnya, saya sudah pernah membagikan tutorial Cara Menggunakan Date Picker Dialog di Android Studio. Dan sekarang pada saat ini saya akan membagikan tutorial Cara Menggunakan Time Picker Dialog di Android Studio.

Dari namanya, DatePickerDialog hampir sama dengan TimePickerDialog tetapi perbedaannya adalah yang satu untuk mendapatkan tanggal dan satunya lagi untuk mendapatkan waktu. Bahkan Menggunakan komponen TimePickerDialog hampir sama seperti menggunakan DatePickerDialog, kita masih menggunakan komponen Calendar dalam android studio. Hanya saja yang kita ambil adalah HOUR_OF_DAY dan MINUTE.

Jadi, dalam tutorial ini kalian akan belajar cara membuat aplikasi android untuk mendapatkan waktu tertentu menggunakan TimePickerDialog di android studio dengan cara yang mudah dan sederhana.

- Advertisement -

Tutorial Cara Menggunakan TimePickerDialog Di Android Studio

Buatlah project android studio baru dengan informasi sebagai berikut:

Application Name:Time App
Package Name:com.androidrion.timeapp
Languge:Java
Minimum SDK:API 15: Android 4.0.3 (IceCreamSandwich)

Daftar file xml yang digunakan dalam project ini:

  1. activity_main.xml

Daftar file java yang digunakan dalam project ini:

  1. MainActivity.java

Dibawah ini adalah langkah-langkah dalam pembuatan aplikasi Time App.

Drawable File

Dalam tutorial ini, saya menggunakan beberapa ikon vector drawable material design. Untuk itu, tambahkan ikon dibawah ini.

Ikuti tutorial dibawah ini untuk menambahkan ikon ke dalam project android studio.

CARA MENAMBAHKAN IKON KE DALAM PROJECT ANDROID STUDIO

XML Layout File

Buka file activity_main.xml dalam folder layout pada project android studio kalian. Tambahkan EditText pada layout LinearLayout. Berikut adalah kode lengkap untuk file activity_main.xml

app/res/layout/activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#f5f5f5"
    android:gravity="center"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <EditText
        android:id="@+id/timedeparture"
        android:layout_width="175dp"
        android:layout_height="wrap_content"
        android:background="@android:color/white"
        android:clickable="true"
        android:drawableEnd="@drawable/ic_access_time"
        android:drawableRight="@drawable/ic_access_time"
        android:focusable="true"
        android:hint="Time"
        android:padding="12dp"
        android:textSize="14sp" />
</LinearLayout>

Java Class File

Buka file MainActivity dalam folder java. Berikut ini adalah kode lengkap untuk file MainActivity.java

app/java/com.androidrion.timeapp/MainActivity.java

package com.androidrion.timeapp;

import androidx.appcompat.app.AppCompatActivity;

import android.app.AlertDialog;
import android.app.TimePickerDialog;
import android.os.Bundle;
import android.view.View;
import android.widget.EditText;
import android.widget.TimePicker;

import java.util.Calendar;

public class MainActivity extends AppCompatActivity {

    EditText timedeparture;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        timedeparture = findViewById(R.id.timedeparture);
        timedeparture.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Calendar mcurrentTime = Calendar.getInstance();
                int hour = mcurrentTime.get(Calendar.HOUR_OF_DAY);
                int minute = mcurrentTime.get(Calendar.MINUTE);
                TimePickerDialog mTimePicker;
                mTimePicker = new TimePickerDialog(MainActivity.this, new TimePickerDialog.OnTimeSetListener() {

                    @Override
                    public void onTimeSet(TimePicker timePicker, int selectedHour, int selectedMinute) {
                        timedeparture.setText(selectedHour + ":" + selectedMinute);
                    }
                }, hour, minute, true);//Yes 24 hour time
                mTimePicker.show();
            }
        });
    }
}

Run Project

Sekarang jalankan project android studio kalian. Jika kode diatas tidak terjadi error, maka aplikasi akan terlihat seperti pada gambar di bawah ini.

Dark Theme

Untuk mengubah tampilan atau theme dari dialog, kalian cukup menambahkan kode dibawah ini pada line code 31 dalam file MainActivity.java

AlertDialog.THEME_DEVICE_DEFAULT_DARK

Lengkapnya akan terlihat seperti pada kode dibawah ini.

mTimePicker = new TimePickerDialog(MainActivity.this, AlertDialog.THEME_DEVICE_DEFAULT_DARK, new TimePickerDialog.OnTimeSetListener() {

                    @Override
                    public void onTimeSet(TimePicker timePicker, int selectedHour, int selectedMinute) {
                        timedeparture.setText(selectedHour + ":" + selectedMinute);
                    }
                }, hour, minute, true);//Yes 24 hour time
                mTimePicker.show();

Hasilnya akan terlihat seperti pada gambar di bawah ini.

AKHIR KATA

Itulah tadi tutorial singkat dan mudah Cara Menggunakan Time Picker Dialog di Android Studio. Tutorial di atas sangatlah mudah dikerjakan karena tidak begitu banyak kode yang digunakan hanya untuk membuat aplikasi android mendapatkan waktu di project android studio.

Jika kalian mengalami kendala saat melakukan tutorial di atas, silahkan komentar di bawah artikel ini. Jangan lupa untuk like dan subscribe Channel YouTube Android Rion. Semoga artikel ini membantu kalian. Terima Kasih.

- Advertisement -

Get real time updates directly on you device, subscribe now.

You might also like

- Advertisement -

Leave A Reply

Your email address will not be published.