安卓日期时间选择对话框

1 年 ago

韵, 科

3 minutes

Android应用中经常使用Android日期时间选择器。在本教程中，我们将演示在Android应用程序中使用日期选择器和时间选择器对话框的使用方法。这些组件用于在自定义用户界面中选择日期和时间。我们将在Android应用程序代码中使用DatePickerDialog和TimePickerDialog类与Calendar类来实现这一功能。

Android的DatePickerDialog和TimePickerDialog

虽然日期选择器和时间选择器可以作为独立的小部件使用，但它们占据屏幕空间更多。因此，在对话框中使用它们是一个更好的选择。幸运的是，Android提供了自己的DatePickerDialog和TimePickerDialog类。DatePickerDialog和TimePickerDialog类分别具有onDateSetListener（）和onTimeSetListener（）回调方法。当用户完成填写日期和时间时，将调用这些回调方法。DatePickerDialog类包含一个具有以下参数的5个参数的构造函数。

回调函数：当用户设置日期时，调用 onDateSet() 函数，并传入以下参数。

int year : It will be store the current selected year from the dialog
int monthOfYear : It will be store the current selected month from the dialog
int dayOfMonth : It will be store the current selected day from the dialog

mDay，它显示当对话框弹出时可见的当前日期

TimePickerDialog类由一个包含以下参数的5个参数构造函数组成。

回调函数：当用户设置时间时，将调用onTimeSet()函数，并带有以下参数：

int hourOfDay : It will be store the current selected hour of the day from the dialog
int minute : It will be store the current selected minute from the dialog

boolean false: 如果设置为false，则以24小时制显示时间，否则不显示

Android日期时间选择器示例项目结构

Android日期时间选择器对话框项目代码

activity_main.xml包含两个按钮，用于调用日期选择器和时间选择器对话框，并将用户选择的时间设置到两个EditText视图中。以下是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.Olivia.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) {

            // Get Current Date
            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) {

            // Get Current Time
            final Calendar c = Calendar.getInstance();
            mHour = c.get(Calendar.HOUR_OF_DAY);
            mMinute = c.get(Calendar.MINUTE);

            // Launch Time Picker Dialog
            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日期时间选择器项目