Android开发之日期选择框详谈

相信大家开发项目实现某个模块功能的时候不可避免会碰到选择日期的小功能。

一开始选择日期的地方就一个两个，比较少；但是假如项目多了，且日期的选择的地方也多了，那么每个地方都写会有点烦，所以在这里写一个demo记录，方便自己今后的开发，节省时间。同时也方便大家参考学习，一起进步。

---

• xml布局显示如下，即用户看到的界面：

操作的话很简单，用户点击日期选择处区域，然后弹出日期选择框，用户可以自己选择日期。

---

• 主Activity的代码如下：

package com.example.demo.datepickerdemo;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.RelativeLayout;
import android.widget.TextView;

public class MainActivity extends Activity {

    private RelativeLayout rl_selectDate;
    private TextView tv_date;

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

    /**
     * 设置监听
     */
    private void setListeners() {

        // 单击弹出日期选择框
        rl_selectDate.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {

//                DatePickerUtil.pickDate(MainActivity.this, tv_date, DatePickerUtil.THEME_DEVICE_DEFAULT_DARK);
//                DatePickerUtil.pickDate(MainActivity.this, tv_date, DatePickerUtil.THEME_DEVICE_DEFAULT_LIGHT);
//                DatePickerUtil.pickDate(MainActivity.this, tv_date, DatePickerUtil.THEME_HOLO_DARK);
//                DatePickerUtil.pickDate(MainActivity.this, tv_date, DatePickerUtil.THEME_HOLO_LIGHT);
//                DatePickerUtil.pickDate(MainActivity.this, tv_date, DatePickerUtil.THEME_TRADITIONAL);

                // 不设置日期选择框的主题，用手机系统默认的，看看效果
                DatePickerUtil.pickDate(MainActivity.this, tv_date);

            }
        });
    }

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

        rl_selectDate = (RelativeLayout) findViewById(R.id.rl_selectDate);// 日期相对布局
        tv_date = (TextView) findViewById(R.id.tv_Date);// 日期文本控件
    }
}

简单的说一下，代码都很简单。先初始化控件，然后设置监听，监听用户的一些操作，比如点击事件。

---

• 这里用到了一个工具类DatePickerUtil，工具类的代码如下：

package com.example.demo.datepickerdemo;

import android.app.DatePickerDialog;
import android.content.Context;
import android.widget.DatePicker;
import android.widget.TextView;

import java.util.Calendar;

/**
 * Created by zouqi on 2017/7/12.
 * 日期选择弹框工具类
 */

public class DatePickerUtil {


    private static int year = Calendar.getInstance().get(Calendar.YEAR);// 当前年份
    private static int month = Calendar.getInstance().get(Calendar.MONTH);// 当前月份
    private static int day = Calendar.getInstance().get(Calendar.DAY_OF_MONTH);// 当前天

    // 日期对话框的主题，不同主题显示的外观不一样
    public static final int THEME_DEVICE_DEFAULT_DARK = DatePickerDialog.THEME_DEVICE_DEFAULT_DARK;
    public static final int THEME_HOLO_DARK = DatePickerDialog.THEME_HOLO_DARK;
    public static final int THEME_DEVICE_DEFAULT_LIGHT = DatePickerDialog.THEME_DEVICE_DEFAULT_LIGHT;
    public static final int THEME_HOLO_LIGHT = DatePickerDialog.THEME_HOLO_LIGHT;
    public static final int THEME_TRADITIONAL = DatePickerDialog.THEME_TRADITIONAL;


    /**
     * 弹出日期框选择日期
     * @param context 上下文对象
     * @param tv_date 显示日期的textview
     * @param theme 主题
     */
    public static void pickDate(Context context, final TextView tv_date, int theme) {

        DatePickerDialog dialog = new DatePickerDialog(context, theme, new DatePickerDialog.OnDateSetListener() {
            @Override
            public void onDateSet(DatePicker view, int y, int m, int d) {
                // 例：2017-01-01
                String s = y+"-"+format(m+1)+"-"+format(d);

                // 设置日期
                tv_date.setText(s);

                // 为了使再次点击选择日期时，弹出的日期对话框中的选中日期是textview控件上显示的日期
                // 细节处理，优化用户体验
                year = y;
                month = m;
                day = d;
            }
        }, year, month, day);
        dialog.show();

    }

    /**
     * 弹出日期框选择日期
     * @param context 上下文对象
     * @param tv_date 显示日期的textview
     */
    public static void pickDate(Context context, final TextView tv_date) {

        DatePickerDialog dialog = new DatePickerDialog(context, new DatePickerDialog.OnDateSetListener() {
            @Override
            public void onDateSet(DatePicker view, int y, int m, int d) {
                // 例：2017-01-01
                String s = y+"-"+format(m+1)+"-"+format(d);

                // 设置日期
                tv_date.setText(s);

                // 为了使再次点击选择日期时，弹出的日期对话框中的选中日期是textview控件上显示的日期
                // 细节处理，优化用户体验
                year = y;
                month = m;
                day = d;
            }
        }, year, month, day);
        dialog.show();

    }

    /**
     * 格式化日期
     * 1-9 -> 01-09
     * @param i
     * @return
     */
    private static String format(int i) {
        return (String.valueOf(i).length() == 1)?("0"+i): String.valueOf(i);
    }
}

上面有两个方法供开发者调用，一个是带主题的、一个是不带主题，用手机系统自带的。下面给出带主题和不带主题的效果展示图，然后自己根据需求和喜好选择即可。

---

THEME_DEVICE_DEFAULT_DARK主题

THEME_HOLO_DARK主题

THEME_DEVICE_DEFAULT_LIGHT主题

THEME_HOLO_LIGHT主题

THEME_TRADITIONAL主题

上面的都是根据主题设置的不同显示样式。

我手机是MI 5s Plus，不设置主题，显示如下：

apk下载链接就不给出了，因为demo整体来说很简单，仅供大家参考学习。
I AM CODEMAN

==================================

每天进步一点点！加油！