Android 自定义时间选择器

原创 2015年07月07日 11:25:52

效果同样是来自网上大神的demo,跟着大神的脚步,总有一天我们也会成为大神。先看效果:

这里写图片描述

效果自认为一般,但是让我自己写,肯定是需要很久。

关键点:

  • 其实这个demo里面没做多少东西,控件就是Android原生的DatePicker、TimePicker
  • 关键就是一些对时间格式的处理,对datePicker、timePicker时间改变的监听

OK,简单看下代码

一、DateTimePickDialogUtil类就是我们自定义的时间控件,用dialog的形式展示

common_datetime布局文件很简单

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <DatePicker
        android:id="@+id/datepicker"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:calendarViewShown="false" />

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

</LinearLayout>

然后通过dateTimePicKDialog()方法就创建出了我们显示的AlterDialog

 /**
     * 弹出日期时间选择框方法
     *
     * @param inputDate
     *            :为需要设置的日期时间文本编辑框
     * @return
     */
    public AlertDialog dateTimePicKDialog(final EditText inputDate) {
        LinearLayout dateTimeLayout = (LinearLayout) activity
                .getLayoutInflater().inflate(R.layout.common_datetime, null);
        datePicker = (DatePicker) dateTimeLayout.findViewById(R.id.datepicker);
        timePicker = (TimePicker) dateTimeLayout.findViewById(R.id.timepicker);
        init(datePicker, timePicker);
        timePicker.setIs24HourView(true);
        timePicker.setOnTimeChangedListener(this);

        ad = new AlertDialog.Builder(activity)
                .setTitle(initDateTime)
                .setView(dateTimeLayout)
                .setPositiveButton("设置", new DialogInterface.OnClickListener() {
                    public void onClick(DialogInterface dialog, int whichButton) {
                        inputDate.setText(dateTime);
                    }
                })
                .setNegativeButton("取消", new DialogInterface.OnClickListener() {
                    public void onClick(DialogInterface dialog, int whichButton) {
                        inputDate.setText("");
                    }
                }).show();

        onDateChanged(null, 0, 0, 0);
        return ad;
    }

其中 init(datePicker, timePicker)方法就是初始化两个控件

 /**
     * 初始化日期时间选择器
     * @param datePicker
     * @param timePicker
     */
    public void init(DatePicker datePicker, TimePicker timePicker) {
        Calendar calendar = Calendar.getInstance(Locale.CHINA);
        if (!(null == initDateTime || "".equals(initDateTime))) {
            calendar = this.getCalendarByInintData(initDateTime);
        } else {
            initDateTime = calendar.get(Calendar.YEAR) + activity.getString(R.string.year)
                    + calendar.get(Calendar.MONTH) + activity.getString(R.string.month)
                    + calendar.get(Calendar.DAY_OF_MONTH) + activity.getString(R.string.day)
                    + calendar.get(Calendar.HOUR_OF_DAY) + ":"
                    + calendar.get(Calendar.MINUTE);
        }

        datePicker.init(calendar.get(Calendar.YEAR),
                calendar.get(Calendar.MONTH),
                calendar.get(Calendar.DAY_OF_MONTH), this);
        timePicker.setCurrentHour(calendar.get(Calendar.HOUR_OF_DAY));
        timePicker.setCurrentMinute(calendar.get(Calendar.MINUTE));
    }

这里调用了calendar = this.getCalendarByInintData(initDateTime);

/**
     * 实现将初始日期时间2012年07月02日 16:45 拆分成年 月 日 时 分 秒,并赋值给calendar
     *
     * @param initDateTime
     *            初始日期时间值 字符串型
     * @return Calendar
     */
    private Calendar getCalendarByInintData(String initDateTime) {
        Calendar calendar = Calendar.getInstance(Locale.CHINA);

        // 将初始日期时间2012070216:45 拆分成年 月 日 时 分 秒
        String date = spliteString(initDateTime, activity.getString(R.string.day), "index", "front"); // 日期
        String time = spliteString(initDateTime, activity.getString(R.string.day), "index", "back"); // 时间

        String yearStr = spliteString(date, activity.getString(R.string.year), "index", "front"); // 年份
        String monthAndDay = spliteString(date, activity.getString(R.string.year), "index", "back"); // 月日

        String monthStr = spliteString(monthAndDay, activity.getString(R.string.month), "index", "front"); // 月
        String dayStr = spliteString(monthAndDay, activity.getString(R.string.month), "index", "back"); // 日

        String hourStr = spliteString(time, ":", "index", "front"); // 时
        String minuteStr = spliteString(time, ":", "index", "back"); // 分

        int currentYear = Integer.valueOf(yearStr.trim()).intValue();
        int currentMonth = Integer.valueOf(monthStr.trim()).intValue() - 1;
        int currentDay = Integer.valueOf(dayStr.trim()).intValue();
        int currentHour = Integer.valueOf(hourStr.trim()).intValue();
        int currentMinute = Integer.valueOf(minuteStr.trim()).intValue();

        calendar.set(currentYear, currentMonth, currentDay, currentHour,
                currentMinute);
        return calendar;
    }

这个截取字符串的方法还是挺有意思

 /**
     * 截取子串
     *
     * @param srcStr
     *            源串
     * @param pattern
     *            匹配模式
     * @param indexOrLast
     * @param frontOrBack
     * @return
     */
    public static String spliteString(String srcStr, String pattern,
                                      String indexOrLast, String frontOrBack) {
        String result = "";
        int loc = -1;
        if (indexOrLast.equalsIgnoreCase("index")) {
            loc = srcStr.indexOf(pattern); // 取得字符串第一次出现的位置
        } else {
            loc = srcStr.lastIndexOf(pattern); // 最后一个匹配串的位置
        }
        if (frontOrBack.equalsIgnoreCase("front")) {
            if (loc != -1)
                result = srcStr.substring(0, loc); // 截取子串
        } else {
            if (loc != -1)
                result = srcStr.substring(loc + 1, srcStr.length()); // 截取子串
        }
        return result;
    }

二、可以看到dateTimePicKDialog(EditText inputType)接受的是一个editText对象

MainActivity很简单

public class MainActivity extends Activity {

    /** Called when the activity is first created. */
    private EditText startDateTime;
    private EditText endDateTime;

    private String initStartDateTime = "2013年9月3日 14:44"; // 初始化开始时间
    private String initEndDateTime = "2014年8月23日 17:44"; // 初始化结束时间

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

        // 两个输入框
        startDateTime = (EditText) findViewById(R.id.inputDate);
        endDateTime = (EditText) findViewById(R.id.inputDate2);

        startDateTime.setText(initStartDateTime);
        endDateTime.setText(initEndDateTime);

        startDateTime.setOnClickListener(new View.OnClickListener() {
            public void onClick(View v) {

                DateTimePickDialogUtil dateTimePicKDialog = new DateTimePickDialogUtil(
                        MainActivity.this, initEndDateTime);
                dateTimePicKDialog.dateTimePicKDialog(startDateTime);

            }
        });

        endDateTime.setOnClickListener(new View.OnClickListener() {

            public void onClick(View v) {
                DateTimePickDialogUtil dateTimePicKDialog = new DateTimePickDialogUtil(
                        MainActivity.this, initEndDateTime);
                dateTimePicKDialog.dateTimePicKDialog(endDateTime);
            }
        });
    }
}

ps:可能有同学在虚机上运行会出现英文样式,年月日时间顺序不是如上展示的样式,修改下手机的语言为中文就可以了。

拿的大神的demo,也没有什么好讲的!想运行起来看看的,就自己亲手试试吧

源码下载

版权声明:欢迎大家留言讨论

Android自定义滚动式时间选择器(在他人基础上修改)

尽管Android给我们提供了时间选择控件DatePicker和TimePicker(它们的使用方法可以参考我的这篇文章Android之日期时间选择控件DatePicker和TimePicker),但...
  • Lindroid20
  • Lindroid20
  • 2017年05月25日 10:31
  • 2528

安卓 自定义 日期和时间选择器,在一个布局中,可以直接调用

废话不多说先看效果,效果不符合,就不要用看了。 安卓提供自己的日期选择和时间选择,但是样式并不是自己想要的,如果非要把他们放在一起,会发现,样式不好看,而且时间和日期选择控件的大小不好控制,甚至...
  • u012402940
  • u012402940
  • 2016年05月13日 13:17
  • 6068

Android自定义简易时间选择器

首先,我们来看下这个时间选择器大概的样子 我们来仔细观察下这个布局,在选择日期的时候,我们可以看做是可以上下滑动的三个listview的横向组合,listview的内容则是年份,月份和日期。 然后...
  • AA_chao
  • AA_chao
  • 2016年09月06日 14:10
  • 1327

【android开发】自定义漂亮的日期时间选择器

  • 2016年05月12日 17:39
  • 1.22MB
  • 下载

Android 好看的自定义滚动式日期选择控件

最近接触了日期选择的功能,那么肯定得需要一个日期选择控件,Android 系统有自带的 DatePicker 控件,但是不说这个控件有多 难看吧,现在 Android 手机版本那么多,用户弹出来的控件...
  • liuwan1992
  • liuwan1992
  • 2016年09月29日 14:14
  • 18008

Android自定义DataTimePicker(日期选择器)

Android自定义DataTimePicker(日期选择器) 笔者有一段时间没有发表关于Android的文章了,关于Android自定义组件笔者有好几篇想跟大家分享的,后期会记录在博客中。本篇博客给...
  • wwj_748
  • wwj_748
  • 2014年08月23日 15:39
  • 154336

Android自定义滚动式时间选择器(在他人基础上修改)Demo

  • 2017年05月25日 10:41
  • 22.96MB
  • 下载

Android自定义日期选择器

先上图: 布局文件:activity_main.xml
  • wenweidev
  • wenweidev
  • 2016年06月16日 16:28
  • 2742

Android自定义时间选择器

1、显示为yyyy-MM-dd HH:mm 2、显示为yyyy-MM-dd 3、显示为HH:mm 4、显示为MM-dd HH:mm 源码附上...
  • u012532559
  • u012532559
  • 2016年03月17日 17:15
  • 443

android 时间选择器

GitHub:https://github.com/codbking/PickTime 添加依赖 dependencies { compile 'com.github...
  • zx501244363xz
  • zx501244363xz
  • 2017年03月30日 13:43
  • 763
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Android 自定义时间选择器
举报原因:
原因补充:

(最多只允许输入30个字)