Android 日期時間選擇器對話框

Android日期時間選擇器在Android應用中被廣泛使用。在本教程中，我們將演示在我們的Android應用程序中使用日期選擇器和定時器選擇器對話框。這些組件用於在自定義的用戶界面中選擇日期和時間。我們將在Android應用程序代碼中使用DatePickerDialog和TimePickerDialog類與Calendar類來實現此目的。

Android DatePickerDialog和TimePickerDialog

儘管日期選擇器和時間選擇器可以用作獨立的小部件，但它們在屏幕上占用的空間較大。因此，在對話框內使用它們是更好的選擇。幸運的是，Android提供了自己的DatePickerDialog和TimePickerDialog類供我們使用。DatePickerDialog和TimePickerDialog類分別具有onDateSetListener()和onTimeSetListener()回調方法。這些回調方法在用戶完成填寫日期和時間時被調用。DatePickerDialog類包含一個帶有以下參數的5個參數構造函數。

1. Context：它需要應用程序上下文
2. CallBack函數：onDateSet()在用戶設置日期時被調用，具有以下參數：

• int year：將存儲對話框中當前選擇的年份
• int monthOfYear : 它將存儲從對話框中選擇的當前月份
• int dayOfMonth : 它將存儲從對話框中選擇的當前日

4. int mYear : 它顯示對話框彈出時可見的當前年份
5. int mMonth : 它顯示對話框彈出時可見的當前月份
6. int mDay : 它顯示對話框彈出時可見的當前日期

TimePickerDialog類包括具有以下列出參數的5個參數構造函數。

1. Context: 它需要應用程序上下文
2. CallBack 函數: 當用戶設置時間時調用onTimeSet()，帶有以下參數:

• int hourOfDay : 它將存儲從對話框中選擇的當前小時
• int minute : 它將存儲從對話框中選擇的當前分鐘

4. int mHours : 它顯示對話框彈出時可見的當前小時
5. int mMinute : 它顯示對話框彈出時可見的當前分鐘
6. boolean false : 如果設置為false，它將以24小時制顯示時間，否則不顯示

Android 日期時間選擇器範例專案結構

Android 日期時間選擇對話框專案程式碼

activity_main.xml 包含兩個按鈕，以調用日期和時間選擇對話框，並在兩個 EditText 視圖中設置用戶選定的時間。 以下是 xml 代碼。activity_main.xml

<RelativeLayout xmlns:android="https://schemas.android.com/apk/res/android"
    xmlns:tools="https://schemas.android.com/tools" android:layout_width="match_parent"
    android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">

    <EditText
        android:layout_width="200dp"
        android:layout_height="wrap_content"
        android:id="@+id/in_date"
        android:layout_marginTop="82dp"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="SELECT DATE"
        android:id="@+id/btn_date"
        android:layout_alignBottom="@+id/in_date"
        android:layout_toRightOf="@+id/in_date"
        android:layout_toEndOf="@+id/in_date" />

    <EditText
        android:layout_width="200dp"
        android:layout_height="wrap_content"
        android:id="@+id/in_time"
        android:layout_below="@+id/in_date"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="SELECT TIME"
        android:id="@+id/btn_time"
        android:layout_below="@+id/btn_date"
        android:layout_alignLeft="@+id/btn_date"
        android:layout_alignStart="@+id/btn_date" />

</RelativeLayout>

以下是 MainActivity.java 類別：

package com.journaldev.datetimepickerdialog;

import android.app.DatePickerDialog;
import android.app.TimePickerDialog;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.Button;
import android.widget.DatePicker;
import android.widget.EditText;
import android.widget.TimePicker;

import java.util.Calendar;

public class MainActivity extends AppCompatActivity implements
        View.OnClickListener {

    Button btnDatePicker, btnTimePicker;
    EditText txtDate, txtTime;
    private int mYear, mMonth, mDay, mHour, mMinute;

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

        btnDatePicker=(Button)findViewById(R.id.btn_date);
        btnTimePicker=(Button)findViewById(R.id.btn_time);
        txtDate=(EditText)findViewById(R.id.in_date);
        txtTime=(EditText)findViewById(R.id.in_time);

        btnDatePicker.setOnClickListener(this);
        btnTimePicker.setOnClickListener(this);

    }

    @Override
    public void onClick(View v) {

        if (v == btnDatePicker) {

            // 獲取當前日期
            final 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) {

                            txtDate.setText(dayOfMonth + "-" + (monthOfYear + 1) + "-" + year);

                        }
                    }, mYear, mMonth, mDay);
            datePickerDialog.show();
        }
        if (v == btnTimePicker) {

            // 獲取當前時間
            final Calendar 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) {

                            txtTime.setText(hourOfDay + ":" + minute);
                        }
                    }, mHour, mMinute, false);
            timePickerDialog.show();
        }
    }
}

在上述代碼中，我們使用Calendar.getInstance()創建了一個日曆對象，以使用相應的靜態字段顯示當前日期和時間。注意：顯示的日曆和時鐘是AppCompat主題中提供的默認UI主題。以下是我們的Android日期時間選擇器示例應用程序生成的輸出。這結束了Android日期時間選擇器對話框示例教程。您可以從下面的鏈接下載最終Android DateTimePickerDialog項目。

下載Android日期時間選擇器項目