Android日期控件

最新推荐文章于 2024-09-13 22:28:37 发布
最新推荐文章于 2024-09-13 22:28:37 发布
阅读量3.1k 收藏 6
点赞数 1
分类专栏： Android开发 我的Android原生之旅 文章标签： android 日期控件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xinluqishi123/article/details/70494854
版权

（请先认真读一下前两段，谢谢）
最近做了一个电商的Android原生项目，其中有一个酒店预订的功能，要实现一个日期控件，基本就是入住时间，离店时间，日期控件需要连续展示一年或者几年的按月份显示的连续视图。这样当然是为了让用户能在日期控件上选择一段连续的时间，相信大家不难理解这个需求。

有关日期控件，网上一抓一大把，但是我发现，无论是什么日期控件，博主们都是割裂的来介绍，无论日期控件多么炫酷，如果结合实际的项目环境来说，我们在实操的过程中，又会遇到很多的取舍和无可奈何，所以今天我就专门说一说如何根据一个具体的需求，作出一个在真实项目环境中的一个通用性强的日期控件，来解决具体的这个问题。

放出需求设计图：

日期展示页面

我们看上面这张设计图，看似简单，实际上还是有很多细节的东西要做，简单分析一下：
1. 日期的显示，也就是调用日期控件后，回调回来的日期要特殊处理；
2. 星期的中文特殊处理；
3. 两个日期之间横跨几晚；

延伸：
1. 我点击入住时间，弹出的日期控件要既能选择一天，也能选择一段连续的时间；
2. 我点击离店时间，弹出的日期控件就只能选择单个的一天；（记住：无限制的灵活是对你的工作的不尊重哈）；
3. 选择时间段，应该入职时间和离店时间刚好是这段时间的首位两个日期；
4. 入住时间选择时，超出最大时间限制或者逆向选择时间段，应该有错误提示；

再说说技术上的设计需求：
通用的控件写作原则，即控件的相关功能在控件中折腾，调用者只负责“new”控件，然后接收返回值后渲染调用页面的值，也就是上面的设计页面中文处理啊等等的效果。

插播一下我们可以使用的日期控件，Android提供的android-times-square日历控件，正好符合我的要求：
日期控件设计图

可以看到，日期控件可以选择单个日期也可以选择一个日期段，然后返回首尾日期到我们的调用页。

之所以插播这个日期控件的出处，是因为要在设计上注意，这个日期控件继承DialogFragment实现，所以我们要通用的写出这个日期控件需要额外写一个Activity包裹这个Fragment，这有一个好处，调用页面访问这个日期控件的Activity，然后日期控件回传值的时候可以随意关闭它的依托Activity而不用考虑主页面其他控件值的保留问题，也就是说我们调用页面可能还有查询条件的其他条件，比如城市、房间数等等，所以如果我们的日期控件加载在主调用页面上，那么我们选择日期后关闭当前页面的时候就只能关闭主调用页面了，也可以单独关闭这个碎片，但是碎片上的值不得不通过跳转Activity返回到主页面中，这样就得新打开这个主页面了，其他的值当然就需要传递保存下来，这就太麻烦了，也不符合低耦合的理念。另外频繁关闭主调用页面也会拖慢系统速度。

所以目测一下，我们要写三部分内容：
1. 调用日期控件的代码编写；
2. 日期控件的Activity；
3. 日期控件；

前期准备工作就说到这里，下面开始上代码：

步骤一：日期控件的引用，一句话：

compile 'com.squareup:android-times-square:1.4.1@aar'

步骤二：Layout引用：

<com.squareup.timessquare.CalendarPickerView
        android:id="@+id/calendar_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:background="#FFFFFF"
        android:clipToPadding="false"
        android:paddingBottom="16dp"
        android:paddingLeft="16dp"
        android:paddingRight="16dp"
        android:scrollbarStyle="outsideOverlay" />

    <Button
        android:id="@+id/date_done_button"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="@string/hotel_date_confirm_btn" />

日期控件的引入加上一个确认按钮，点击以后将日期控件上的值带回到主调用页面。

步骤三：编写日期控件：

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.support.annotation.NonNull;
import android.support.annotation.Nullable;
import android.support.v4.app.DialogFragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

import com.squareup.timessquare.CalendarPickerView;
import com.ta.utdid2.android.utils.StringUtils;


import java.text.SimpleDateFormat;
import java.util.Calendar;
import java.util.Date;
import java.util.List;

@Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {

        // 获取日期控件的视图
        View view = inflater.inflate(R.layout.activity_date_picker, container, false);

        // 初始化日期控件的形式，以及是否需要设置成可以选择范围
        final CalendarPickerView calendarPickerView = initCalendarPickerView(view);

        // 无效日期选择错误信息监听
        calendarPickerView.setOnInvalidDateSelectedListener(new CalendarPickerView.OnInvalidDateSelectedListener() {
            @Override
            public void onInvalidDateSelected(Date date) {
                String errMessage =
                        getResources().getString(R.string.hotel_invalid_date, currentDateStr, limitEndDateStr);
                DialogUtil.showToastCust(errMessage);
            }
        });

        view.findViewById(R.id.date_done_button).setOnClickListener(new View.OnClickListener() {

            @Override public void onClick(View view) {

                List<Date> rangeDateList = calendarPickerView.getSelectedDates();         //选择的所有的日期
                int size = calendarPickerView.getSelectedDates().size();                  //一共几晚
                SimpleDateFormat format = new SimpleDateFormat("yyyy-MM-dd");

                boolean isEndDate = isEndDateComponent();
                if (!isEndDate) {
                    // 如果触发时间控件的是开始日期控件
                    if (size >= 2) {
                        /*
                        * 选择的日期是一个区间
                         */
                        Date startDate = rangeDateList.get(0);
                        String startDateStr = format.format(startDate);
                        Date endDate = rangeDateList.get(size - 1);
                        String endDateStr = format.format(endDate);

                        Intent intent = setBundleValue(size, startDateStr, endDateStr);
                        getActivity().setResult(Activity.RESULT_OK, intent);
                        getActivity().finish();

                    } else {
                        /*
                         * 选择的日期是一天
                         */
                        Date startDate = rangeDateList.get(0);
                        String startDateStr = format.format(startDate);

                        Bundle bundle = new Bundle();
                        bundle.putString(IConst.Bundle.HOTEL_START_DATE, startDateStr);
                        Intent intent = new Intent();
                        intent.putExtras(bundle);

                        getActivity().setResult(Activity.RESULT_OK, intent);
                        getActivity().finish();
                    }
                } else {
                    // 如果触发时间控件的是结束日期控件
                    Date endDate = rangeDateList.get(0);
                    String endDateStr = format.format(endDate);

                    Date date = new Date();
                    String startDateValue = getStartDateValue();
                    int hotelTotalN = 0;

                    if(!StringUtils.isEmpty(startDateValue)) {
                        date = DateUtil.str2Date(startDateValue, "yyyy-MM-dd");
                        hotelTotalN = DateUtil.daysBetween(date, endDate);
                    }

                    Intent intent = setBundleValue(hotelTotalN, startDateValue, endDateStr);
                    getActivity().setResult(Activity.RESULT_OK, intent);
                    getActivity().finish();

                }
            }

            @NonNull
            protected Intent setBundleValue(int size, String startDateStr, String endDateStr) {
                Bundle bundle = new Bundle();
                bundle.putString(IConst.Bundle.HOTEL_START_DATE, startDateStr);
                bundle.putString(IConst.Bundle.HOTEL_END_DATE, endDateStr);
                bundle.putString(IConst.Bundle.HOTEL_TOTAL_NIGHT, String.valueOf((size - 1) >= 0 ? (size - 1) : 0));
                bundle.putString(IConst.Bundle.WIN_RESULT, IConst.Bundle.WIN_SELECT_DATE);
                Intent intent = new Intent();
                intent.putExtras(bundle);
                return intent;
            }
        });

        view.findViewById(R.id.date_picker_rl_back).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                getActivity().finish();
            }
        });

        return view;
    }

    /**
     * 初始化日期控件
     * @param view
     * @return
     */
    @NonNull
    protected CalendarPickerView initCalendarPickerView(View view) {
        Calendar nextYear = Calendar.getInstance();
        nextYear.add(Calendar.YEAR, 1);
        final CalendarPickerView calendar = (CalendarPickerView) view.findViewById(R.id.calendar_view);
        Date today = new Date();

        currentDateStr = DateUtil.getCurrentDateForSDF();
        // 最大能选择的日期
        limitEndDateStr = DateUtil.getCalendarStr(nextYear);

        //设置日期控件可以选择一段时间还是只能选择单个日期
        if (isEndDateComponent()) {
            calendar.init(today, nextYear.getTime())
                    .inMode(CalendarPickerView.SelectionMode.SINGLE)
                    .withSelectedDate(today);
        } else {
            calendar.init(today, nextYear.getTime())
                    .inMode(CalendarPickerView.SelectionMode.RANGE)
                    .withSelectedDate(today);
        }
        return calendar;
    }

    @Override
    public void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setStyle(DialogFragment.STYLE_NORMAL, android.R.style.Theme_Black_NoTitleBar_Fullscreen);
    }
 /**
     * setter getter method
     * by shikeyue
     **/
    public String getStartDateValue() {
        return startDateValue;
    }

    public void setStartDateValue(String startDateValue) {
        this.startDateValue = startDateValue;
    }

    public boolean isEndDateComponent() {
        return isEndDateComponent;
    }

    public void setEndDateComponent(boolean endDateComponent) {
        isEndDateComponent = endDateComponent;
    }
  1. 初始化控件的时候要标明日历显示的范围，比如一年的日历对于我的需求来讲就足够了。
  2. 先执行的onCreate方法中我设置了日期控件占满全屏。
  3. onCreateView是我的主要业务逻辑方法，因为要处理的事情是点击开始日期是可以选择一个范围，也可以选择一个日期，点击结束日期只能选择一个日期，返回的日期一个是list，一个是单个的时间，这个是通过日期控件的Activity向日期控件传值来判断的，我可以取一个日期还是取首尾两个。
  4. 构建的set get方法方便一些外部访问传值来控制我日期控件的行为。
  5. 此时不用销毁日期碎片，而是直接 getActivity().finish();来关闭整体的日期碎片以及下面要讲的依托的日期Activity
  6. 最重要的一点是，我利用了如下代码：
Intent intent = setBundleValue(hotelTotalN, startDateValue, endDateStr);
getActivity().setResult(Activity.RESULT_OK, intent);

这是Activity底层的方法，直接与主调用页面的Activity通信，主调用页面如何接到返回值，下面会提到。

步骤四：编写日期控件的Activity，记住Fragment依托于Activity，其实它就是一个Activity上的独立的控件。

/**
 * 日历控件
 * Created by shikeyue on 17/4/25.
 */
public class DatePickerActivity extends TbiAppActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        Bundle bundle = getIntent().getExtras();
        if (bundle != null) {
            // HotelQueryActivity to DatePickerActivity
            boolean isEndDateInput = bundle.getBoolean(IConst.Bundle.IS_HOTEL_END_DATE_INPUT);
            if (!isEndDateInput) {
                // 不是由结束时间输入框触发的日期控件
                DatePickerFragment datePickerFragment = new DatePickerFragment();
                datePickerFragment.setEndDateComponent(false);
                datePickerFragment.show(getSupportFragmentManager(), "DatePickerFragment");
            } else {
                String hotelStartDateStr = bundle.getString(IConst.Bundle.HOTEL_START_DATE);
                DatePickerFragment datePickerFragment = new DatePickerFragment();
                datePickerFragment.setEndDateComponent(true);
                datePickerFragment.setStartDateValue(hotelStartDateStr);
                datePickerFragment.show(getSupportFragmentManager(), "DatePickerFragment");
            }
        }
    }

}

只有这么多，就是new一下日期碎片这个控件。可以看到我区分了开始日期输入框的点击还是结束日期输入框的点击，这个标志位是通过主调用页面来传递的。

步骤五：主调用页面日期控件的调用：

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        hotelStartDate.setText(DateUtil.getMMDDSpecial(DateUtil.getCurrentDateForSDF()));
        hotelStartDateWeek.setText(R.string.today_chinese);
        hotelStartDateStr = DateUtil.getCurrentDateForSDF();

        String nextDay = DateUtil.date2Str(DateUtil.addDay(new Date(), 1), "yyyy-MM-dd");
        hotelEndDate.setText(DateUtil.getMMDDSpecial(nextDay));
        hotelEndDateWeek.setText(DateUtil.calculateWeek(nextDay));
        hotelEndDateStr = nextDay;

        hotelQueryStartLayout.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Intent intent = new Intent(ctx, DatePickerActivity.class);
                Bundle bundle = new Bundle();
                // 是否从结束日期控件触发日期控件
                bundle.putBoolean(IConst.Bundle.IS_HOTEL_END_DATE_INPUT, false);
                intent.putExtras(bundle);
                ctx.startActivityForResult(intent, Activity.RESULT_FIRST_USER);

            }
        });

        hotelQueryEndLayout.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Intent intent = new Intent(ctx, DatePickerActivity.class);
                Bundle bundle = new Bundle();
                // 是否从结束日期控件触发日期控件
                bundle.putBoolean(IConst.Bundle.IS_HOTEL_END_DATE_INPUT, true);
                bundle.putString(IConst.Bundle.HOTEL_START_DATE, hotelStartDateStr);
                intent.putExtras(bundle);
                ctx.startActivityForResult(intent, Activity.RESULT_FIRST_USER);
            }
        });

    }

我设置了两个日期初始化的显示，他们横跨一晚，这样比较友好。也可以看到对于两个日期输入框都加入了监听，访问的是日期Activity，注意一定是使用ctx.startActivityForResult(intent, Activity.RESULT_FIRST_USER);调用，否则后面的getActivity().setResult(Activity.RESULT_OK, intent);是不能成功返回的。

同时下面的这段是接受回传值的方法，也是这种形式的一部分（前面提到要在这里说的部分）

 /**
     * 接收返回值
     * @param resultCode
     * @param data
     */
    @Override
    protected void onActivityResult(int requestCode, int resultCode, Intent data) {
        if(resultCode==RESULT_OK){
            String winResult=data.getStringExtra(IConst.Bundle.WIN_RESULT);
            if(IConst.Bundle.WIN_CP_COMMON_SELECT_CITY.equals(winResult)) {
                //城市回调

            }else if(IConst.Bundle.WIN_SELECT_DATE.equals(winResult)) {
                // 设置页面控件的显示值
                setViewTextValue(data);
            }else {

            }
        }
    }


/**
     * 设置页面控件的值
     */
    public void setViewTextValue(Intent intent) {
        Bundle bundle = intent.getExtras();
        if (bundle != null) {
            hotelStartDateStr = bundle.getString(IConst.Bundle.HOTEL_START_DATE);
            if (!StringUtils.isEmpty(hotelStartDateStr)) {
                hotelStartDate.setText(DateUtil.getMMDDSpecial(hotelStartDateStr));
                // 如果是当天不现实星期几显示今天
                if (DateUtil.getCurrentDateForSDF().equals(hotelStartDateStr)) {
                    hotelStartDateWeek.setText(R.string.today_chinese);
                } else {
                    hotelStartDateWeek.setText(DateUtil.calculateWeek(hotelStartDateStr));
                }
            }

            hotelEndDateStr = bundle.getString(IConst.Bundle.HOTEL_END_DATE);
            if (!StringUtils.isEmpty(hotelEndDateStr)) {
                hotelEndDate.setText(DateUtil.getMMDDSpecial(hotelEndDateStr));
                hotelEndDateWeek.setText(DateUtil.calculateWeek(hotelEndDateStr));
            }

            // 日期区间包含几晚
            String hotelTotalN = bundle.getString(IConst.Bundle.HOTEL_TOTAL_NIGHT);
            if (!StringUtils.isEmpty(hotelTotalN)) {
                hotelTotalNight.setText(hotelTotalN);
            }
        }
    }

这个方法中接受返回值，可以看到也是继承底层实现来的，可以通用的写，将不同的回调控件都写在这里，然后对返回值处理。

至此，一个完整的结合项目环境的通用控件就完成了。OK，写到这里，匆忙完成，希望大家能够指正，也欢迎给我留言，完整代码我会更新到我的GitHub上，欢迎大家查阅。

xinluqishi_fangye
关注
专栏目录
android 时间日期控件
08-01
1、页面添加两个Button，单击分别显示日期设置控件和时间设置控件，还是有TextView控件，用于显示设置后的系统时间
Android 日期控件的简单实现
Android_Home
07-20 1万+
言语不多，直接看代码：main.xml文件代码 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="f
Android自定义日期选择器：CustomDatePicker深度探索
最新发布
gitblog_09238的博客
09-13 269
Android自定义日期选择器：CustomDatePicker深度探索 CustomDatePicker Android 自定义日期选择控件 项目地址: https://gitcode.com/gh_mirrors/cu/Cus...
安卓：表示日期的控件
A125679880的博客
07-17 7070
DatePicker是一种安卓平台上常用的控件，用于让用户选择日期。它通常以日历的形式显示，并允许用户通过滑动或点击来选择年、月和日。
android日期时间控件
游响云停专栏
08-13 1974
android默认的只有日历控件和时间控件，但这是一个控件，每次选择的时候，日期和时间不能一次操作完成，现在把这两个控件整合，可以选择日期和时间 效果图 date_time_picker.xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:lay...
Android--UI之DatePicker、TimePicker...
weixin_34355715的博客
07-25 424
前言 　　这一篇博客分别讲解Android平台下，关于日期和时间的几个相关控件。包括DatePicker（日期选择控件）、TimePicker（时间选择控件）、DatePickerDialog（日期选择对话框）、TimePickerDialog（时间选择对话框）、AnalogClock（模拟时钟控件）、DigitalClock（数字时钟控件）。对于时间控件，无非就是一个展示、修改、获取等操作，下...
android 日期控件
07-18
在Android开发中，日期控件是用户界面设计中不可或缺的一部分，它们允许用户选择或输入日期。Android提供了多种日期选择方式，以适应不同场景的需求。在本文中，我们将深入探讨Android中的日期控件，包括基本使用、...
android日期控件
03-11
本篇将详细讲解如何封装一个简单的Android日期控件，并探讨其优势以及如何在项目中使用。 首先，我们来看标题提到的"android日期控件"。在Android原生API中，有多种方式来实现日期选择，如DatePickerDialog和...
android 日期区间选择控件
04-02
在Android开发中，日期区间选择控件是一种常用的用户界面组件，尤其在预订系统、日程管理等场景下不可或缺。本文将深入探讨如何实现一个能够选取年月区间的自定义控件，以及涉及到的相关技术点。 首先，我们需要...
Android日期控件(超流畅)
02-24
总的来说，"material-calendarview"是一个强大且易用的Android日期控件，它通过提供丰富的定制选项和流畅的用户体验，使得开发者能够快速构建出符合Material Design风格的日历功能。在实际开发中，开发者可以根据...
android漂亮的日期控件,Android自定义View实现炫酷的星期日期选择控件
weixin_39833454的博客
06-01 836
最近收到一个自定义控件的需求，需要做一个日期选择控件，实现图如下：一次展示一个星期的5天，中间放大的为当前选中的；如果点击了其中一个日期，比如星期五，那么整体向左滑动，并将星期五慢慢放大，星期三慢慢缩小，星期六和星期天就展示出来了；如果继续点击星期六，那么照样是整体向左滑动一个单位，星期日右边就需要塞进一个星期一。就是一个无限循环的过程，中间选中的需要展示当天的日期。1、分析最开始，我想到在Lin...
安卓日期与时间控件
11-28
安卓项目中，使用的日期与时间控件，自定义View与Dialog，可以上下滚动
Android强大的日期时间选择控件
03-22
Android强大的日期时间选择控件 安卓 android 日期时间 控件 datepicker
Android又一个超漂亮的日历控件
07-23
Android又一个超漂亮的日历控件，非常好用！
Android 日期选择控件
06-12
一款支持上下滑动的日期选择控件，中间位置有两条线，在选择的日期后面，自动添加年月日文字。
安卓日期时间选择控件
08-17
安卓日期时间选择控件, 源代码. 例子.
android系统日期控件,Android系统时间控件Calendar
weixin_39837139的博客
05-29 133
xml代码:android:layout_width="match_parent"android:layout_height="wrap_content"android:background="@color/color_white"android:orientation="vertical"android:paddingHorizontal="@dimen/dimens_16dp"android:...
Android中日期和时间控件的使用
热门推荐
Android-Idea
02-25 1万+
本文主要讲述Android中的日期控件和时间控件的使用，以一个Demo的例子来展示日期和时间控件的使用，先看下如下效果图： 从效果图中可以看到该Demo是通过单击【选择日期】按钮和【选择时间】按钮弹出日期或者时间的对话框，然后设置日期或者时间，设置完成后会在文本框中显示设置的日期或时间值。 【1】Demo程序框架图： 【2】布局文件 res/layout/main.xml 源码：
Android 日期控件选择
jinbiao0147的博客
01-06 405
DatePickerDialog.OnDateSetListener startDatePickListener = new DatePickerDialog.OnDateSetListener() { @Override public void onDateSet(DatePicker arg0, int year, int month, int day) { ...
android 日期选择控件
03-23
Android日期选择控件是一种用于在应用程序中选择日期的用户界面元素。它允许用户通过交互方式选择一个特定的日期，以便在应用程序中进行相应的操作。 Android提供了几种日期选择控件，其中最常用的是DatePicker控件...
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值