自定义时间选择器

最新推荐文章于 2024-08-07 02:52:26 发布
最新推荐文章于 2024-08-07 02:52:26 发布
阅读量422 收藏
点赞数
分类专栏： 开发经历 android 文章标签： 自定义时间选择器 日期选择器 时间选择器 android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xwdrhgr/article/details/120032044
版权

自定义时间选择器

布局

<?xml version="1.0" encoding="utf-8"?>

<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:app="http://schemas.android.com/apk/res-auto"

    android:id="@+id/cl_time_date_bg"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:background="@color/transparent">

    <ImageView

        android:id="@+id/iv_bg"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:src="@mipmap/bg_time_date_left"

        app:layout_constraintBottom_toBottomOf="parent"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toTopOf="parent" />

    <ImageView

        android:layout_width="@dimen/common_190dp"

        android:layout_height="@dimen/common_30dp"

        android:layout_marginTop="@dimen/common_6dp"

        android:src="@drawable/shape_e5e5e8_r7"

        app:layout_constraintBottom_toBottomOf="parent"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toTopOf="parent" />

    <LinearLayout

        android:id="@+id/item_linear_layout"

        android:layout_width="@dimen/common_210dp"

        android:layout_height="@dimen/common_152dp"

        android:layout_weight="1"

        android:background="@color/transparent"

        android:gravity="fill_horizontal"

        android:paddingTop="@dimen/common_6dp"

        app:layout_constraintBottom_toBottomOf="parent"

        app:layout_constraintEnd_toEndOf="parent"

        app:layout_constraintStart_toStartOf="parent"

        app:layout_constraintTop_toTopOf="parent">

        <NumberPicker

            android:id="@+id/number_picker_left"

            android:layout_width="0dp"

            android:layout_height="match_parent"

            android:layout_weight="0.15"

            android:descendantFocusability="blocksDescendants" />

        <NumberPicker

            android:id="@+id/number_picker_center"

            android:layout_width="0dp"

            android:layout_height="match_parent"

            android:layout_weight="0.15"

            android:descendantFocusability="blocksDescendants" />

        <NumberPicker

            android:id="@+id/number_picker_right"

            android:layout_width="0dp"

            android:layout_height="match_parent"

            android:layout_weight="0.15"

            android:descendantFocusability="blocksDescendants" />

    </LinearLayout>

</androidx.constraintlayout.widget.ConstraintLayout>

代码调用

import android.content.Context;

import android.content.res.Resources;

import android.content.res.TypedArray;

import android.graphics.drawable.ColorDrawable;

import android.util.AttributeSet;

import android.view.View;

import android.widget.ImageView;

import android.widget.NumberPicker;

import androidx.annotation.NonNull;

import androidx.annotation.Nullable;

import androidx.constraintlayout.widget.ConstraintLayout;

import com.autel.cruiser.R;

import com.autel.lib.utils.ResourcesUtils;

import com.autel.util.log.AutelLog;

import org.jetbrains.annotations.NotNull;

import java.lang.reflect.Field;

import java.text.ParseException;

import java.text.SimpleDateFormat;

import java.util.Calendar;

import java.util.Locale;

import java.util.Objects;

import butterknife.BindView;

import butterknife.ButterKnife;

/**

* <p> 功能描述：时间选择器

* <p>

* 详细描述：

*

* @Author: 龚寿生

* @CreateDate: 2021/8/30 14:46

* @UpdateUser: 最后一次更新者

* @UpdateDate: 2021/8/30 14:46

* @UpdateRemark: 最后一次更新说明

* @Version: 1.0 版本

*/

public class TimeDateView extends ConstraintLayout {

    private static final int MIN_ZERO = 0;

    private static final int MIN_ONE = 1;

    private static final int HOUR_OF_DAY = 24;

    private static final int MINUTE_OF_HOUR = 60;

    private static final int SECOND_OF_MINUTE = 60;

    private static final int YEAR_MAX = 5;

    private static final int MONTH_OF_YEAR = 12;

    private static final int DATE_MODE = 0;

    private static final int TIME_MODE = 1;

    @BindView(R.id.iv_bg)

    ImageView iv_bg;

    @BindView(R.id.number_picker_left)

    NumberPicker numberPickerLeft;

    @BindView(R.id.number_picker_center)

    NumberPicker numberPickerCenter;

    @BindView(R.id.number_picker_right)

    NumberPicker numberPickerRight;

    //日期或者时间

    private int mode;

    private int leftDate;

    private int centerDate;

    private int rightDate;

    private Calendar calendar;

//    public TimeDateView(@NonNull @NotNull Context context) {

//        super(context);

//        initView(context);

//    }

    public TimeDateView(@NonNull @NotNull Context context, @Nullable @org.jetbrains.annotations.Nullable AttributeSet attrs) {

        this(context, attrs, 0);

    }

    public TimeDateView(@NonNull Context context, @Nullable AttributeSet attrs, int defStyleAttr) {

        super(context, attrs, defStyleAttr);

        TypedArray array = context.obtainStyledAttributes(attrs, R.styleable.TimeDateView);

        mode = array.getInteger(R.styleable.TimeDateView_mode, 0);

        array.recycle();

        initView(context);

    }

    private void initView(Context context) {

        View view = inflate(context, R.layout.layout_time_date_view, this);

        ButterKnife.bind(this, view);

        initData();

        initColor();

    }

    private void initData() {

        calendar = Calendar.getInstance();

        numberPickerLeft.setWrapSelectorWheel(false);

        numberPickerLeft.setOnValueChangedListener((picker, oldVal, newVal) -> {

            leftDate = newVal;

            if (mode == DATE_MODE) {

                changeDataValue();

            }

            if (onValueChangedLister != null) {

                onValueChangedLister.onValueChanged(leftDate, centerDate, rightDate);

            }

        });

        numberPickerCenter.setWrapSelectorWheel(false);

        numberPickerCenter.setOnValueChangedListener((picker, oldVal, newVal) -> {

            centerDate = newVal;

            if (onValueChangedLister != null) {

                onValueChangedLister.onValueChanged(leftDate, centerDate, rightDate);

            }

            if (mode == DATE_MODE) {

                changeDataValue();

            }

        });

        numberPickerRight.setWrapSelectorWheel(false);

        numberPickerRight.setOnValueChangedListener((picker, oldVal, newVal) -> {

            rightDate = newVal;

            if (onValueChangedLister != null) {

                onValueChangedLister.onValueChanged(leftDate, centerDate, rightDate);

            }

        });

        if (mode == DATE_MODE) {

            initDateView();

        } else {

            initTimeView();

        }

        updateDate();

    }

    private void initTimeView() {

        iv_bg.setImageResource(R.mipmap.bg_time_date_right);

        //24小时制，限制小时数为0~23

        String[] hour = new String[HOUR_OF_DAY];

        for (int i = 0; i < hour.length; i++) {

            hour[i] = i + ResourcesUtils.getString(R.string.unit_hour);

        }

        numberPickerLeft.setDisplayedValues(hour);

        numberPickerLeft.setMinValue(MIN_ZERO);

        numberPickerLeft.setMaxValue(hour.length - 1);

        //限制分钟数为0~59

        String[] minute = new String[MINUTE_OF_HOUR];

        for (int i = 0; i < minute.length; i++) {

            minute[i] = i + ResourcesUtils.getString(R.string.unit_minute);

        }

        numberPickerCenter.setDisplayedValues(minute);

        numberPickerCenter.setMinValue(MIN_ZERO);

        numberPickerCenter.setMaxValue(minute.length - 1);

        //限制秒数为0~59

        String[] sec = new String[SECOND_OF_MINUTE];

        for (int i = 0; i < sec.length; i++) {

            sec[i] = i + ResourcesUtils.getString(R.string.unit_second);

        }

        numberPickerRight.setDisplayedValues(sec);

        numberPickerRight.setMinValue(MIN_ZERO);

        numberPickerRight.setMaxValue(sec.length - 1);

        //初始化时间位置

        leftDate = calendar.get(Calendar.HOUR_OF_DAY);

        centerDate = calendar.get(Calendar.MINUTE);

        rightDate = calendar.get(Calendar.SECOND);

    }

    private void initDateView() {

        iv_bg.setImageResource(R.mipmap.bg_time_date_left);

        //限制年份范围为前后五年

        int yearNow = calendar.get(Calendar.YEAR);

        String[] year = new String[YEAR_MAX + 1];

        for (int i = 0; i < year.length; i++) {

            year[i] = (yearNow + i) + ResourcesUtils.getString(R.string.unit_year);

        }

        numberPickerLeft.setMinValue(yearNow);

        numberPickerLeft.setMaxValue(yearNow + YEAR_MAX);

        numberPickerLeft.setDisplayedValues(year);

        //设置月份范围为1~12

        String[] month = new String[MONTH_OF_YEAR];

        for (int i = 1; i <= month.length; i++) {

            month[i - 1] = i + ResourcesUtils.getString(R.string.unit_month);

        }

        numberPickerCenter.setMinValue(MIN_ONE);

        numberPickerCenter.setMaxValue(MONTH_OF_YEAR);

        numberPickerCenter.setDisplayedValues(month);

        //设置日期

        int dayMax = calendar.getActualMaximum(Calendar.DAY_OF_MONTH);

        String[] day = new String[dayMax];

        for (int i = 1; i <= day.length; i++) {

            day[i - 1] = i + ResourcesUtils.getString(R.string.unit_day);

        }

        numberPickerRight.setMinValue(MIN_ONE);

        numberPickerRight.setMaxValue(dayMax);

        numberPickerRight.setDisplayedValues(day);

        //初始化日期位置

        leftDate = calendar.get(Calendar.YEAR);

        centerDate = calendar.get(Calendar.MONTH);

        rightDate = calendar.get(Calendar.DATE);

    }

    public void changeDataValue() {

        String dateStr = String.format(Locale.CHINA, "%d-%d", leftDate, centerDate);

        SimpleDateFormat simpleDateFormat = new SimpleDateFormat("yyyy-MM", Locale.CHINA);

        try {

            calendar.setTime(Objects.requireNonNull(simpleDateFormat.parse(dateStr)));

        } catch (ParseException e) {

            e.printStackTrace();

        }

        //设置日期

        int dayMax = calendar.getActualMaximum(Calendar.DAY_OF_MONTH);

        AutelLog.e("gss", calendar.getTime() + "dayMax=" + dayMax);

        String[] day = new String[dayMax];

        for (int i = 1; i <= day.length; i++) {

            day[i - 1] = i + ResourcesUtils.getString(R.string.unit_day);

        }

        numberPickerRight.setMaxValue(dayMax);

        numberPickerRight.setDisplayedValues(day);

        numberPickerRight.setValue(MIN_ONE);

    }

    public void updateTimeView() {

        if (onValueChangedLister != null) {

            onValueChangedLister.onValueChanged(leftDate, centerDate, rightDate);

        }

    }

    public void updateTimeView(int leftDate, int centerDate, int rightDate) {

        this.leftDate = leftDate;

        this.centerDate = centerDate;

        this.rightDate = rightDate;

        updateDate();

    }

    private void updateDate() {

        numberPickerLeft.setValue(rightDate);

        numberPickerCenter.setValue(centerDate);

        numberPickerRight.setValue(rightDate);

    }

    private void initColor() {

        setNumberPickerDividerColor(numberPickerLeft);

        setNumberPickerDividerColor(numberPickerCenter);

        setNumberPickerDividerColor(numberPickerRight);

    }

    private void setNumberPickerDividerColor(NumberPicker numberPicker) {

        Field[] pickerFields = NumberPicker.class.getDeclaredFields();

        for (Field pf : pickerFields) {

            if (pf.getName().equals("mSelectionDivider")) {

                pf.setAccessible(true);

                try {

                    //设置分割线的颜色值

                    pf.set(numberPicker, new ColorDrawable(ResourcesUtils.getColor(R.color.transparent)));

                } catch (IllegalArgumentException | Resources.NotFoundException | IllegalAccessException e) {

                    e.printStackTrace();

                }

                break;

            }

        }

    }

    private OnValueChangedLister onValueChangedLister;

    public void setOnValueChangedLister(OnValueChangedLister onValueChangedLister) {

        this.onValueChangedLister = onValueChangedLister;

    }

    public interface OnValueChangedLister {

        void onValueChanged(int leftDate, int centerDate, int rightDate);

    }

}

 

时代我西
关注
专栏目录
Android 自定义 弹框，日期选择器 弹框，年月日，时分，
08-22
Android 自定义 弹框，日期选择器 弹框，年月日，时分，
Android自定义PopupWindow日历 日期时间选择器 可自由搭配年月日时分显示
03-19
Android自定义PopupWindow日历 日期时间选择器 可自由搭配年月日时分显示，可以设置只显示年月日，不显示时分等，
Vue/uniapp 实现自定义时间段选择器组件
最新发布
weixin_40621647的博客
08-07 305
在开发过程中，经常会遇到需要用户选择时间段的需求。本文将介绍如何使用 Vue.js 构建一个简单的时间选择器组件，该组件允许用户选择服务的开始时间和结束时间，并确保选择的时间段满足一定的业务逻辑要求。组件功能概述选择服务时间：用户可以从上午和下午两个时间段中选择服务的开始时间和结束时间。验证时间间隔：确保用户选择的服务时间...
Dcat-admin引入elementUI使用 时间区间筛选
廖圣平
06-09 567
首先引入 饿了么ui ，在。
Android自定义时间选择器
提笔忘字的帝国
01-12 6722
Android自定义时间选择器
larvael dcat-admin 表单设置自定义样式
yunxixiao的博客
05-30 925
的 CSS 文件，用以存放你的自定义样式。可以将其放置在 public/css 目录下。文件中编写你的自定义样式。以下是一个例子，可以将 label 的位置向左移动。可以setLabelClass 和 setFieldClass 设置样式。自定义field_date_range_left45样式的引入 如下。表单有些不是自己想要的样式想要覆写或者增加 可以如下。文件中引入你的自定义 CSS 文件。1、编写自定义样式的 CSS 样式。2、引入自定义 CSS 文件。
自定义时间选择器(iPhone源代码)
03-16
本文将围绕“自定义时间选择器(iPhone源代码)”这一主题，详细介绍如何利用iPhone源代码创建一个炫彩的自定义时间选择器。 首先，这个项目来源于GitHub上的开源项目“UWDatePicker”，由开发者“一头喷火大怪龙”...
微信小程序自定义时间选择器
05-27
支持多种自定义功能。在开发工具中浏览: https://developers.weixin.qq.com/s/N9EdArmQ7a6j 复制链接在浏览器中打开
laravel-admin 查询过滤时间戳
qq_42468039的博客
12-08 1873
今天在使用laravel-admin做查询过滤的过程中，有个查询条件是时间范围查询：想到使用laravel-admin查询过滤器中的between方法来实现，代码如下： $grid->filter(function ($filter) { $filter->between('create_time', '创建时间')->datetime(); }); 但是查询不起任何作用，细想原因应该是：laravel-admin没有把时间转换为时间戳导致查询不到数据。 查询官方文档，发现并没有
dcat-admin表格新增数据统计卡片
g960214的博客
12-19 1026
dcat-admin表格顶部新增数据统计卡片
DV-admin日期与时间范围查询-解决
m0_52847441的博客
11-05 261
最近在用这套系统试一试，然后表中有一个时间字段，类型为。
laravel-admin显示日期的时候，多了.000000Z
文鑫
05-13 2454
在使用 laravel-admin扩展显示时间格式的时候，时间后面出现了.000000Z。 查询数据库中的时间是正确的，怎么也搞不懂这个.000000Z是怎么出现的。 查看laravel-admin的文档，并未有对此现象的说明。那么很有可能是laravel框架本身的问题，于是查看laravel的文档说明，并未找到有此方面的说明，不过找到一个自定义日期序列化格式的方法，按照文档操作，重写serializeDate方法，问题成功解决。 protected function serializeDate(\Dat
laravel-admin时间范围选择器dateRange默认值问题
qq_38989173的博客
04-22 2836
【代码】laravel-admin时间范围选择器dateRange默认值问题。
学习Dcat_Admin 小记
zac的博客
06-12 454
dcat_admin的坑小记.
Dcat Admin使用
TO_Web的博客
09-18 854
1. 设置软链接(用于解决后台图片无法显示问题) php artisan storage:link
Dcat admin 列表根据状态显示不同样式
wgchen
02-24 1505
$grid->id->using([1 => '未处理', 2 => '已处理'])->label([ 'default' => 'primary', // 设置默认颜色，不设置则默认为 default 1 => 'primary', 2 => 'danger', ]); $grid->state ->using([1 => '未处理', 2 => '已处理', ...]) -&g
layui admin 将后台时间戳 转为 日期格式 (yyyy-MM-dd hh:mm)，并在table表格中使用
好巧的博客
12-27 2806
当然，如果你觉得文章有什么让你觉得不合理、或者有更简单的实现方法又或者有理解不来的地方，希望你在看到之后能够在评论里指出来，我会在看到之后尽快的回复你。如果本篇文章对你有帮助的话，很高兴能够帮助上你。直接在render方法中使用。
Dcat-Admin自定义列表样式
qq_37604998的博客
03-25 2903
这边使用Dcat-Admin开发后端，需要自定义表格样式，但是这边又想使用框架自带的分页和筛选功能，这边查看框架的源码，然后按照下面的写法实现了需求 <?php namespace App\Admin\Controllers; use App\Admin\Repositories\Custom; use App\Common\Enums\CategoryEnum; use Dcat\Admin\Admin; use Dcat\Admin\Grid; class CustomControlle.
wpf自定义时间选择器
06-24
但是，由于在特定的应用程序中，需要自定义时间选择器以满足一些个性化需求。在这种情况下，可以使用WPF自定义控件来创建自己的时间选择器控件。 首先，在WPF中创建时间选择器控件，需要使用Calendar控件和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

时代我西

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值