欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  移动技术

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

程序员文章站 2023-12-02 20:10:28
这个月根据需求在项目中做了一个时间选择器，虽然没有用到android原生的时间选择控件，但我羞愧地发现自己竟然从来没有用过这方面控件！趁现在有时间，赶紧查缺补漏，写一篇博客...

这个月根据需求在项目中做了一个时间选择器，虽然没有用到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>

界面效果如下：

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

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

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。

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

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

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小时制。

效果图如下：

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

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;
  }
}

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

上一篇： Microsoft Edge浏览器新待遇 微软为其提供详细的更新日志

下一篇： SpringBoot+Mybatis项目使用Redis做Mybatis的二级缓存的方法

推荐阅读