Android之日期时间选择控件DatePicker和TimePicker实例

这个月根据需求在项目中做了一个时间选择器，虽然没有用到android原生的时间选择控件，但我羞愧地发现自己竟然从来没有用过这方面控件！趁现在有时间，赶紧查缺补漏，写一篇博客吧。

（注：为了便于区分，本文将选择年月日的控件称为日期选择控件，将选择时分的控件称为时间选择控件。）

1、创建项目

新建一个项目，mainactivity的布局如下：

<linearlayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  android:id="@+id/activity_main"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical"
  android:padding="10dp"
  tools:context="com.lindroid.datetimepickerdemo.mainactivity">

  <linearlayout
    android:id="@+id/ll_date"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal">

    <textview
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="选择日期:"
      android:textsize="18sp" />

    <textview
      android:id="@+id/tv_date"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:background="#ededed"
      android:padding="8dp"
      android:textsize="18sp" />

  </linearlayout>

  <linearlayout
    android:id="@+id/ll_time"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margintop="5dp"
    android:orientation="horizontal">

    <textview
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="选择时间:"
      android:textsize="18sp" />

    <textview
      android:id="@+id/tv_time"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:background="#ededed"
      android:padding="8dp"
      android:textsize="18sp" />

  </linearlayout>
</linearlayout>

界面效果如下：

点击条目之后就会弹出日期或者时间选择控件，点击确定按钮后，就会将选择的结果显示在浅灰色的方框中。

2、初始化控件和创建相关变量

2.1 初始化控件

初始化控件，并为两个linearlayout设置监听事件：

  private void initview() {
    lldate = (linearlayout) findviewbyid(r.id.ll_date);
    tvdate = (textview) findviewbyid(r.id.tv_date);
    lltime = (linearlayout) findviewbyid(r.id.ll_time);
    tvtime = (textview) findviewbyid(r.id.tv_time);
    lldate.setonclicklistener(this);
    lltime.setonclicklistener(this);
  }

2.2 创建相关变量

使用calendar类获取当前的日期时间。

  private int year, month, day, hour, minute;
  private void initdatetime() {
    calendar calendar = calendar.getinstance();
    year = calendar.get(calendar.year);
    month = calendar.get(calendar.month) + 1;
    day = calendar.get(calendar.day_of_month);
    hour = calendar.get(calendar.hour);
    minute = calendar.get(calendar.minute);
  }

注意，calendar.get(calendar.month)获取到的月份下标是从0开始的，值为0时表示一月份，1时表示二月份，以此类推，所以必须加上1。

创建两个stringbuffer变量，用于拼接获取到的时间数据。

private stringbuffer date, time;

3、日期选择控件datepicker

这里我们选择自定义alertdialog的形式来显示选择控件。

日期选择控件自定义布局dialog_date.xml如下：

<?xml version="1.0" encoding="utf-8"?>
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:gravity="center_horizontal"
  android:orientation="vertical">

  <datepicker
    android:id="@+id/datepicker"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:calendarviewshown="false"
    android:endyear="2027"
    android:startyear="2007" />
</linearlayout>

只需放置一个datepicker控件即可。不同版本的android的datepicker控件外观可能有所不同，比如android4.4上是滚轮的形式，在7.0上则是一个日历视图。为了避免在4.4等低版本上显示出日历视图占用太多空间，可以将android:calendarviewshown属性设为fasle。

继承接口datepicker.ondatechangedlistener，实现日期改变的监听方法：

  @override
  public void ondatechanged(datepicker view, int year, int monthofyear, int dayofmonth) {
    this.year = year;
    this.month = monthofyear;
    this.day = dayofmonth;
  }

这样就可以获取到用户选择的年月日数值了。下面就是创建alertdialog了：

    alertdialog.builder builder = new alertdialog.builder(context);
    builder.setpositivebutton("设置", new dialoginterface.onclicklistener() {
      @override
      public void onclick(dialoginterface dialog, int which) {
        if (date.length() > 0) { //清除上次记录的日期
          date.delete(0, date.length());
        }
        tvdate.settext(date.append(string.valueof(year)).append("年").append(string.valueof(month)).append("月").append(day).append("日"));
        dialog.dismiss();
      }
    });
    builder.setnegativebutton("取消", new dialoginterface.onclicklistener() {
      @override
      public void onclick(dialoginterface dialog, int which) {
        dialog.dismiss();
      }
    });
    final alertdialog dialog = builder.create();
    view dialogview = view.inflate(context, r.layout.dialog_date, null);
    final datepicker datepicker = (datepicker) dialogview.findviewbyid(r.id.datepicker);
    dialog.settitle("设置日期");
    dialog.setview(dialogview);
    dialog.show();
    //初始化日期监听事件
    datepicker.init(year, month - 1, day, this);

datepicker需要调用init方法初始化，传入年月日数值和ondatechangedlistener对象。要记住我们前面在给month赋值时已经是对应的月份数值了，而这里需要的是下标值，所以要减1。

运行之后，效果如图所示：

4、时间选择控件timepicker

这里我们同样需要一个自定义的alertdialog布局：

<?xml version="1.0" encoding="utf-8"?>
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:gravity="center"
  android:orientation="vertical">

  <timepicker
    android:id="@+id/timepicker"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"></timepicker>

</linearlayout>

同样，我们需要监听时和分的变化，所以继承timepicker.ontimechangedlistener接口，实现以下的方法：

  @override
  public void ontimechanged(timepicker view, int hourofday, int minute) {
    this.hour = hourofday;
    this.minute = minute;
  }

时间选择控件的初始化跟日期选择控件的有所不同，datepicker一个init方法解决，但timepicker的工作量稍大一点。看下面代码：

        timepicker.setcurrenthour(hour);
        timepicker.setcurrentminute(minute);
        timepicker.setis24hourview(true); //设置24小时制
        timepicker.setontimechangedlistener(this);

除了要设置当前要显示的时和分之外，还要设置是24小时制还是12小时制。

效果图如下：

5、完整的mainactivity代码

package com.lindroid.datetimepickerdemo;

import android.app.alertdialog;
import android.content.context;
import android.content.dialoginterface;
import android.os.bundle;
import android.support.v7.app.appcompatactivity;
import android.view.view;
import android.widget.datepicker;
import android.widget.linearlayout;
import android.widget.textview;
import android.widget.timepicker;

import java.util.calendar;

public class mainactivity extends appcompatactivity implements view.onclicklistener, datepicker.ondatechangedlistener, timepicker.ontimechangedlistener {
  private context context;
  private linearlayout lldate, lltime;
  private textview tvdate, tvtime;
  private int year, month, day, hour, minute;
  //在textview上显示的字符
  private stringbuffer date, time;

  @override
  protected void oncreate(bundle savedinstancestate) {
    super.oncreate(savedinstancestate);
    setcontentview(r.layout.activity_main);
    context = this;
    date = new stringbuffer();
    time = new stringbuffer();
    initview();
    initdatetime();
  }

  /**
   * 初始化控件
   */
  private void initview() {

    lldate = (linearlayout) findviewbyid(r.id.ll_date);
    tvdate = (textview) findviewbyid(r.id.tv_date);
    lltime = (linearlayout) findviewbyid(r.id.ll_time);
    tvtime = (textview) findviewbyid(r.id.tv_time);
    lldate.setonclicklistener(this);
    lltime.setonclicklistener(this);
  }

  /**
   * 获取当前的日期和时间
   */
  private void initdatetime() {
    calendar calendar = calendar.getinstance();
    year = calendar.get(calendar.year);
    month = calendar.get(calendar.month) + 1;
    day = calendar.get(calendar.day_of_month);
    hour = calendar.get(calendar.hour);
    minute = calendar.get(calendar.minute);

  }

  @override
  public void onclick(view v) {
    switch (v.getid()) {
      case r.id.ll_date:
        alertdialog.builder builder = new alertdialog.builder(context);
        builder.setpositivebutton("设置", new dialoginterface.onclicklistener() {
          @override
          public void onclick(dialoginterface dialog, int which) {
            if (date.length() > 0) { //清除上次记录的日期
              date.delete(0, date.length());
            }
            tvdate.settext(date.append(string.valueof(year)).append("年").append(string.valueof(month)).append("月").append(day).append("日"));
            dialog.dismiss();
          }
        });
        builder.setnegativebutton("取消", new dialoginterface.onclicklistener() {
          @override
          public void onclick(dialoginterface dialog, int which) {
            dialog.dismiss();
          }
        });
        final alertdialog dialog = builder.create();
        view dialogview = view.inflate(context, r.layout.dialog_date, null);
        final datepicker datepicker = (datepicker) dialogview.findviewbyid(r.id.datepicker);

        dialog.settitle("设置日期");
        dialog.setview(dialogview);
        dialog.show();
        //初始化日期监听事件
        datepicker.init(year, month - 1, day, this);
        break;
      case r.id.ll_time:
        alertdialog.builder builder2 = new alertdialog.builder(context);
        builder2.setpositivebutton("设置", new dialoginterface.onclicklistener() {
          @override
          public void onclick(dialoginterface dialog, int which) {
            if (time.length() > 0) { //清除上次记录的日期
              time.delete(0, time.length());
            }
            tvtime.settext(time.append(string.valueof(hour)).append("时").append(string.valueof(minute)).append("分"));
            dialog.dismiss();
          }
        });
        builder2.setnegativebutton("取消", new dialoginterface.onclicklistener() {
          @override
          public void onclick(dialoginterface dialog, int which) {
            dialog.dismiss();
          }
        });
        alertdialog dialog2 = builder2.create();
        view dialogview2 = view.inflate(context, r.layout.dialog_time, null);
        timepicker timepicker = (timepicker) dialogview2.findviewbyid(r.id.timepicker);
        timepicker.setcurrenthour(hour);
        timepicker.setcurrentminute(minute);
        timepicker.setis24hourview(true); //设置24小时制
        timepicker.setontimechangedlistener(this);
        dialog2.settitle("设置时间");
        dialog2.setview(dialogview2);
        dialog2.show();
        break;
    }
  }


  /**
   * 日期改变的监听事件
   *
   * @param view
   * @param year
   * @param monthofyear
   * @param dayofmonth
   */
  @override
  public void ondatechanged(datepicker view, int year, int monthofyear, int dayofmonth) {
    this.year = year;
    this.month = monthofyear;
    this.day = dayofmonth;
  }

  /**
   * 时间改变的监听事件
   *
   * @param view
   * @param hourofday
   * @param minute
   */
  @override
  public void ontimechanged(timepicker view, int hourofday, int minute) {
    this.hour = hourofday;
    this.minute = minute;
  }
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。