0
0

Android开发之日期时间控件选择

Android开发之日期时间控件选择

文章目录

前言

整合Android原生控件（日期控件DatePicker、时间控件TimePicker）实现选择日期、时间绑定。
本文仅仅是一种参考，不光是时间控件，自定义的Layout一样可以采用这种方式。
涉及技术要点：
1.控件事件绑定
2.弹出框AlertDialog
3.日期格式化SimpleDateFormat
弹出效果图

一、创建弹出Layout

1.1 新建Layout，修改样式为LinearLayout

  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2.     android:layout_width="match_parent"
  3.     android:layout_height="wrap_content"
  4.     android:orientation="vertical"></LinearLayout>

1.2 Layout中添加日期和时间控件

注意需要将控件的calendarViewShown指定为false及datePickerMode属性指定为spinner

  1. <?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2.     android:layout_width="match_parent"
  3.     android:layout_height="wrap_content"
  4.     android:orientation="vertical"><DatePicker
  5.         android:id="@+id/dialog_datetime_date_picker"
  6.         android:layout_width="match_parent"
  7.         android:layout_height="wrap_content"
  8.         android:calendarViewShown="false"
  9.         android:datePickerMode="spinner"/><TimePicker
  10.         android:id="@+id/dialog_datetime_time_picker"
  11.         android:layout_width="match_parent"
  12.         android:layout_height="wrap_content"
  13.         android:calendarViewShown="false"
  14.         android:datePickerMode="spinner"/></LinearLayout>

二、新建DateTimeDialog

创建DateTimeDialog类是为了将方法封装，以便我项目多次调用

  1. public class DateTimeDialog {}

2.1 创建静态方法

2.1.1 创建SetDateDialog，用于选择日期

  1. public staticvoidSetDateDialog(Context context, Activity activity, TextView textView, String... title){}

这里我们将引用控件的context、activity作为参数传入方法中，方便我们动态加载Layout和指定AlertDialog弹出所在的Activity，避免弹出框无法显示。
textView参数为需要绑定选择的控件，并且在选择之后，会将选择的日期返回给textView
titile是可选参数，指定弹出框的标题，不指定的话，会默认为“选择日期”

2.1.2 SetDateDialog中绑定textView的click事件

给textView绑定事件后，在用户点击控件时即可执行相应的事件内容，在此我们需要的是用户点击控件时，弹出日期选择框。

  1. textView.setOnClickListener(view ->{
  2.     AlertDialog.Builder builder = new AlertDialog.Builder(activity);
  3.     builder.setView(view1);
  4.     builder.create().show();});

由于我们的控件中含有时间控件，需要隐藏

  1.             View view1 = LayoutInflater.from(context).inflate(R.layout.dialog_datetime, null);
  2.             final TimePicker timePicker = view1.findViewById(R.id.dialog_datetime_time_picker);
  3.                         timePicker.setVisibility(View.GONE);

如果textView有默认值，则在弹出的时候需要将textView的日期带入弹出框中

  1.             final DatePicker datePicker = view1.findViewById(R.id.dialog_datetime_date_picker);
  2.             Calendar calendar;
  3.             String strDate = textView.getText().toString();
  4.             calendar =convertDateToCalendar(strDate);
  5.             datePicker.init(calendar.get(Calendar.YEAR), calendar.get(Calendar.MONTH), calendar.get(Calendar.DATE), null);

设置弹出框的标题

  1. if(title != null && title.length >0){
  2.                 builder.setTitle(title[0]);}else
  3.                 builder.setTitle("选择日期");

实现弹出框的按钮事件：
点击确定时，绑定值给textView，并关闭弹窗；点击取消时，直接关闭天窗；点击现在时，将当前时间传给textView，并关闭弹窗。

  1.             builder.setPositiveButton("确 定",(dialog, i)->{//日期格式int year = datePicker.getYear();int month = datePicker.getMonth()+1;int dayOfMonth = datePicker.getDayOfMonth();
  3.                 textView.setText(String.format(Locale.getDefault(),"%d年%d月%d日 ", year, month, dayOfMonth));
  4.                 dialog.cancel();});
  5.             builder.setNegativeButton("取 消",(dialog, which)-> dialog.cancel());
  6.             builder.setNeutralButton("现 在",(dialog, i)->{
  7.                 SimpleDateFormat simpleDateFormat = new SimpleDateFormat("yyyy年M月d日",Locale.getDefault());// HH:mm:ss//获取当前时间
  8.                 Date date = new Date(System.currentTimeMillis());
  9.                 textView.setText(simpleDateFormat.format(date));
  10.                 dialog.cancel();});

以下是完整代码：

  1.     public staticvoidSetDateDialog(Context context, Activity activity, TextView textView, String... title){
  2.         textView.setOnClickListener(view ->{
  3.             AlertDialog.Builder builder = new AlertDialog.Builder(activity);
  4.             View view1 = LayoutInflater.from(context).inflate(R.layout.dialog_datetime, null);
  5.             final DatePicker datePicker = view1.findViewById(R.id.dialog_datetime_date_picker);
  6.             final TimePicker timePicker = view1.findViewById(R.id.dialog_datetime_time_picker);
  7.             timePicker.setIs24HourView(true);
  9.             Calendar calendar;
  10.             String strDate = textView.getText().toString();
  11.             calendar =convertDateToCalendar(strDate);
  12.             datePicker.init(calendar.get(Calendar.YEAR), calendar.get(Calendar.MONTH), calendar.get(Calendar.DATE), null);
  13.             timePicker.setHour(calendar.get(Calendar.HOUR_OF_DAY));
  14.             timePicker.setMinute(calendar.get(Calendar.MINUTE));
  16.             timePicker.setVisibility(View.GONE);//            datePicker.setCalendarViewShown(false);//设置Date布局
  17.             builder.setView(view1);if(title != null && title.length >0){
  18.                 builder.setTitle(title[0]);}else
  19.                 builder.setTitle("选择日期");
  21.             builder.setPositiveButton("确 定",(dialog, i)->{//日期格式int year = datePicker.getYear();int month = datePicker.getMonth()+1;int dayOfMonth = datePicker.getDayOfMonth();
  23.                 textView.setText(String.format(Locale.getDefault(),"%d年%d月%d日 ", year, month, dayOfMonth));
  24.                 dialog.cancel();});
  25.             builder.setNegativeButton("取 消",(dialog, which)-> dialog.cancel());
  26.             builder.setNeutralButton("现 在",(dialog, i)->{
  27.                 SimpleDateFormat simpleDateFormat = new SimpleDateFormat("yyyy年M月d日",Locale.getDefault());// HH:mm:ss//获取当前时间
  28.                 Date date = new Date(System.currentTimeMillis());
  29.                 textView.setText(simpleDateFormat.format(date));
  30.                 dialog.cancel();});
  31.             builder.create().show();});}

同样的方式我们再实现选择日期时间的方法，具体不再赘述，上代码：

  1.    public staticvoidSetDateTimeDialog(Context context, Activity activity, TextView textView, String... title){
  2.         textView.setOnClickListener(view ->{
  3.             AlertDialog.Builder builder = new AlertDialog.Builder(activity);
  4.             View view1 = LayoutInflater.from(context).inflate(R.layout.dialog_datetime, null);
  5.             final DatePicker datePicker = view1.findViewById(R.id.dialog_datetime_date_picker);
  6.             final TimePicker timePicker = view1.findViewById(R.id.dialog_datetime_time_picker);
  7.             timePicker.setIs24HourView(true);//            datePicker.setCalendarViewShown(false);
  9.             Calendar calendar;
  10.             String strDate = textView.getText().toString();
  11.             calendar =convertDateToCalendar(strDate);
  12.             datePicker.init(calendar.get(Calendar.YEAR), calendar.get(Calendar.MONTH), calendar.get(Calendar.DATE), null);
  13.             timePicker.setHour(calendar.get(Calendar.HOUR_OF_DAY));
  14.             timePicker.setMinute(calendar.get(Calendar.MINUTE));//设置Date布局
  15.             builder.setView(view1);if(title != null && title.length >0){
  16.                 builder.setTitle(title[0]);}else
  17.                 builder.setTitle("选择时间");
  19.             builder.setPositiveButton("确 定",(dialog, i)->{//日期格式int year = datePicker.getYear();int month = datePicker.getMonth()+1;int dayOfMonth = datePicker.getDayOfMonth();int hour = timePicker.getHour();int min = timePicker.getMinute();//                    timePicker.getSecond();
  20.                 textView.setText(String.format(Locale.getDefault(),"%d年%d月%d日 %d:%d", year, month, dayOfMonth, hour, min));
  21.                 dialog.cancel();});
  22.             builder.setNegativeButton("取 消",(dialog, which)-> dialog.cancel());
  23.             builder.setNeutralButton("现 在",(dialog, i)->{
  24.                 SimpleDateFormat simpleDateFormat = new SimpleDateFormat("yyyy年M月d日 HH:mm", Locale.getDefault());// HH:mm:ss//获取当前时间
  25.                 Date date = new Date(System.currentTimeMillis());
  26.                 textView.setText(simpleDateFormat.format(date));
  27.                 dialog.cancel();});
  28.             builder.create().show();});}

文中提到的convertDateToCalendar是笔者用于日期转换的，您可以根据自己的需要去灵活实现

  1.     private static Calendar convertDateToCalendar(String strDate){int year;int month;int day;int hour;int minute;
  2.         Calendar calendar = Calendar.getInstance();//获取当前时间
  3.         Date date = new Date(System.currentTimeMillis());
  5.         calendar.setTime(date);//        calendar.add(Calendar.MONTH,1);
  6.         year = calendar.get(Calendar.YEAR);
  7.         month = calendar.get(Calendar.MONTH);
  8.         day = calendar.get(Calendar.DATE);
  9.         hour = calendar.get(Calendar.HOUR_OF_DAY);
  10.         minute = calendar.get(Calendar.MINUTE);if(strDate != null &&!strDate.equals("")){if(strDate.contains("：")){
  11.                 strDate = strDate.split("：")[1];}
  13.             strDate = strDate.replace("年","-").replace("月","-").replace("日","").replace(".","").replace(" ","-").replace(":","-");
  14.             Log.d("liuwz","convertDateToCalendar: "+strDate);if(strDate.split("-").length >=3){
  15.                 year = Integer.parseInt(strDate.split("-")[0]);
  16.                 month = Integer.parseInt(strDate.split("-")[1]);
  17.                 day = Integer.parseInt(strDate.split("-")[2]);if(strDate.split("-").length >=5){
  18.                     hour = Integer.parseInt(strDate.split("-")[3]);
  19.                     minute = Integer.parseInt(strDate.split("-")[4]);}
  20.                 calendar.set(year, month, day, hour, minute);
  21.                 calendar.add(Calendar.MONTH,-1);}elseif(strDate.split("-").length >=2){
  22.                 hour = Integer.parseInt(strDate.split("-")[0]);
  23.                 minute = Integer.parseInt(strDate.split("-")[1]);
  24.                 calendar.set(year, month, day, hour, minute);}}return calendar;}

至此已经大功告成，下面看下如何引用

2.2 引用

在任意需要用到选择时间的Activity的onCreate方法中添加下面一句代码即可：

  1.                DateTimeDialog.SetDateDialog(getApplicationContext(), MainActivity.this, timeSelectView,"请选择日期");

将其中的MainActivity修改为您当前的Activity；将timeSelectView 修改为您页面中的时间TextView或者EditView，“请选择日期”为可选参数，可忽略。

三. 总结

本文仅仅为了使用方便而对AlertDialog进行了封装，用的是Android的原生控件，写在此处仅仅给新入门的朋友们以参考。

标签： android ui android studio
本文转载自: https://blog.csdn.net/informationchina/article/details/125065813
版权归原作者 informationchina 所有， 如有侵权，请联系我们删除。
登录后发布评论

“Android开发之日期时间控件选择”的评论:

还没有评论
关于作者
...
overfit同步小助手
文章同步
相关阅读

网络安全法-网络运行安全

使用selenium/drissionpage时如何阻止chrome自动跳转http到https

docker desktop 里部署的Open WebUI 管理员密码忘记了的处理方法

在ubuntu20.04中搭建onsite比赛运行环境

利用开源的低代码表单设计器FcDesigner高效管理和渲染复杂表单结构

Kafka学习笔记

【前端】浏览器输入url到页面呈现发生了什么？