android开发之时间选择器

最新推荐文章于 2024-05-08 23:49:10 发布
最新推荐文章于 2024-05-08 23:49:10 发布
阅读量7.1k 收藏 18
点赞数 3
分类专栏： android 工具类 文章标签： android 时间选择器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_29121811/article/details/80561953
版权

这几天，公司UI给了一个时间选择器的设计，一听就觉得 网上一大堆，对吧 。
特别简单，只要去网上搜下就好了，然后依赖进项目就OK了 没毛病。
不过看了设计的效果图后我就崩溃了。。开源的那些控件都不是这样的。没办法 自定义吧。然而我很菜。。。那 去群里问了有没有什么控件，然后群里有人推荐了wheelview这个控件，是基于listview的一个滚轮控件
ok 先看ui给的效果图吧
这里写图片描述
是不是觉得不难。。。额 我觉得难 我菜 嘿嘿
那 就说怎么实现吧。首先 这肯定是一个dialog 没毛病。
然后这个是 开始和结束时间选择后会显示在textview里，或者edittext里……随便你放哪里，
首先自定义一个xml文件，然后背景颜色什么的就不说了。
仔细看 这是六个滚轮控件。
那 嵌套咯。
稍后会放上布局。。。
划重点 敲黑板！！！既然我们要自定义dialog 那就不能用系统的了。我们要写一个动画。 底部弹出。
当然 你想用popwindow这个控件 展示在中间、下面 上面 随便你
那 开始实现了

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

    <RelativeLayout
        android:id="@+id/topbar"
        android:layout_width="match_parent"
        android:layout_height="37dp"
        android:background="@color/red">

        <TextView
            android:id="@+id/tv_cancel"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_alignParentLeft="true"
            android:layout_centerVertical="true"
            android:gravity="center"
            android:paddingLeft="23dp"
            android:paddingRight="23dp"
            android:text="取消"
            android:textColor="@color/write"
            android:textSize="15sp" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textColor="@color/write"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:text="选择时间" />

        <TextView
            android:id="@+id/tv_ok"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_alignParentRight="true"
            android:layout_centerVertical="true"
            android:gravity="center"
            android:paddingLeft="23dp"
            android:paddingRight="23dp"
            android:text="确定"
            android:textColor="@color/write"
            android:textSize="15sp" />
    </RelativeLayout>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="4dp"
        android:text="选择时间" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal">

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:orientation="vertical">

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:text="年" />

                <com.wx.wheelview.widget.WheelView
                    android:id="@+id/start_year"
                    android:layout_width="match_parent"
                    android:layout_height="40dp" />
            </LinearLayout>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:orientation="vertical">

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:text="月" />

                <com.wx.wheelview.widget.WheelView
                    android:id="@+id/start_month"
                    android:layout_width="match_parent"
                    android:layout_height="40dp" />
            </LinearLayout>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:orientation="vertical">

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:text="日" />

                <com.wx.wheelview.widget.WheelView
                    android:id="@+id/start_day"
                    android:layout_width="match_parent"
                    android:layout_height="40dp" />
            </LinearLayout>


        </LinearLayout>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp"
            android:text="结束时间" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal">

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:orientation="vertical">

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:text="年" />

                <com.wx.wheelview.widget.WheelView
                    android:id="@+id/end_year"
                    android:layout_width="match_parent"
                    android:layout_height="50dp" />
            </LinearLayout>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:orientation="vertical">

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:text="月" />

                <com.wx.wheelview.widget.WheelView
                    android:id="@+id/end_month"
                    android:layout_width="match_parent"
                    android:layout_height="50dp" />
            </LinearLayout>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:orientation="vertical">

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:text="日" />

                <com.wx.wheelview.widget.WheelView
                    android:id="@+id/end_day"
                    android:layout_width="match_parent"
                    android:layout_height="50dp" />
            </LinearLayout>


        </LinearLayout>

    </LinearLayout>


</LinearLayout>

这个是布局界面了。颜色 咳咳 自己随意啊
这里要引用

compile 'com.wx.wheelview:wheelview:1.3.3'

这个依赖包
啊 说起来这个依赖包我没有看他的demo之前我想死。。。在textview都显示时间了，点击控件也出来了。。就是不出数据源
我还以为我哪里写问题了
他本身有一个adapter，这里要用他的。。或者 你自己自定义也行，，，我秉承的是 拿来主义 偷懒主义

那么 我就直接cope了
这里 就 局部代码块吧。我会吧这个控件放到Git上的。一会会加地址

 private void dialogtime() {
        WheelView.WheelViewStyle style = new WheelView.WheelViewStyle();
        style.selectedTextColor = Color.parseColor("#1A1A1A");//选中字体颜色
        style.textColor = Color.parseColor("#ABABAB");//未选中字体颜色
        View out_view = LayoutInflater.from(this).inflate(R.layout.dialog_time, null);
        //日期滚轮
        final WheelView start_year = out_view.findViewById(R.id.start_year);
        final WheelView start_month = out_view.findViewById(R.id.start_month);
        final WheelView start_day = out_view.findViewById(R.id.start_day);
        final WheelView end_year = out_view.findViewById(R.id.end_year);
        final WheelView end_month = out_view.findViewById(R.id.end_month);
        final WheelView end_day = out_view.findViewById(R.id.end_day);
        TextView tv_ok = out_view.findViewById(R.id.tv_ok);
        TextView tv_cancel = out_view.findViewById(R.id.tv_cancel);
        start_year.setStyle(style);
        start_month.setStyle(style);
        start_day.setStyle(style);
        end_year.setStyle(style);
        end_month.setStyle(style);
        end_day.setStyle(style);

        // 格式化当前时间，并转换为年月日整型数据
        SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd", Locale.getDefault());
        String[] split = sdf.format(new Date()).split("-");
        int currentYear = Integer.parseInt(split[0]);
        int currentMonth = Integer.parseInt(split[1]);
        int currentDay = Integer.parseInt(split[2]);
        //开始时间
        start_year.setWheelAdapter(new MyWheelAdapter(this));
        start_year.setWheelData(getYearData(currentYear));
        start_year.setSelection(0);
        start_month.setWheelAdapter(new MyWheelAdapter(this));
        start_month.setWheelData(getMonthData());
        start_month.setSelection(currentMonth - 1);
        start_day.setWheelAdapter(new MyWheelAdapter(this));
        start_day.setWheelData(getDayData(getLastDay(currentYear, currentMonth)));
        start_day.setSelection(currentDay - 1);
        //结束时间
        end_year.setWheelAdapter(new MyWheelAdapter(this));
        end_year.setWheelData(getYearData(currentYear));
        end_year.setSelection(0);
        end_month.setWheelAdapter(new MyWheelAdapter(this));
        end_month.setWheelData(getMonthData());
        end_month.setSelection(currentMonth - 1);
        end_day.setWheelAdapter(new MyWheelAdapter(this));
        end_day.setWheelData(getDayData(getLastDay(currentYear, currentMonth)));
        end_day.setSelection(currentDay - 1);


        //确定
        tv_ok.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                bottomDialog.dismiss();
                String start_time;
                String end_time;
                Object startyear1 = start_year.getSelectionItem();
                Object startmonth1 = start_month.getSelectionItem();
                Object startday1 = start_day.getSelectionItem();
                Object endyear1 = end_year.getSelectionItem();
                Object endmonth1 = end_month.getSelectionItem();
                Object endday1 = end_day.getSelectionItem();
                int startyear = Integer.valueOf(String.valueOf(startyear1));
                int startmonth = Integer.valueOf(String.valueOf(startmonth1));
                int startday = Integer.valueOf(String.valueOf(startday1));
                int endyear = Integer.valueOf(String.valueOf(endyear1));
                int endmonth = Integer.valueOf(String.valueOf(endmonth1));
                int endday = Integer.valueOf(String.valueOf(endday1));

                if (endyear - startyear >= 0 && endmonth - startmonth >= 0 && endday - startday >= 0) {
                    start_time = start_year.getSelectionItem() + "/" + start_month.getSelectionItem() + "/" + start_day.getSelectionItem();
                    end_time = end_year.getSelectionItem() + "/" + end_month.getSelectionItem() + "/" + end_day.getSelectionItem();
                } else {
                    ToastUtil.showToast(MainActivity.this, "请正确选择时间");
                }


            }
        });
        //取消
        tv_cancel.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                bottomDialog.dismiss();
            }
        });
        //防止弹出两个窗口
        if (bottomDialog != null && bottomDialog.isShowing()) {
            return;
        }
        bottomDialog = new BottomDialog(this, R.style.ActionSheetDialogStyle);
        //将布局设置给Dialog
        bottomDialog.setContentView(out_view);
        bottomDialog.show();//显示对话框

    }

    //设置年
    private ArrayList<String> getYearData(int currentYear) {
        ArrayList<String> list = new ArrayList<>();
        for (int i = currentYear; i >= 1900; i--) {
            list.add(String.valueOf(i));
        }
        return list;
    }


    //月
    private ArrayList<String> getMonthData() {
        ArrayList<String> list = new ArrayList<>();
        for (int i = 1; i <= 12; i++) {
            list.add(String.valueOf(i));
        }
        return list;
    }

    //日
    private ArrayList<String> getDayData(int lastDay) {
        //ignore condition
        ArrayList<String> list = new ArrayList<>();
        for (int i = 1; i <= lastDay; i++) {
            list.add(String.valueOf(i));
        }
        return list;
    }

    /**
     * 判断是否闰年
     *
     * @param year
     * @return
     */
    private boolean isLeapYear(int year) {
        return (year % 100 == 0 && year % 400 == 0) || (year % 100 != 0 && year % 4 == 0);
    }

    /**
     * 获取特定年月对应的天数
     *
     * @param year
     * @param month
     * @return
     */
    private int getLastDay(int year, int month) {
        if (month == 2) {
            // 2月闰年的话返回29，防止28
            return isLeapYear(year) ? 29 : 28;
        }

        return month == 1 || month == 3 || month == 5 || month == 7 || month == 8 || month == 10 || month == 12 ? 31 : 30;
    }

咳咳 这里有的代码是别人的啊。。。。
这是具体实现模块，至于其他的 可以看git上的地址，如果不想去git 想直接下载源码等下我也会给链接

这里写图片描述
这是效果图 哦 比如动画什么的 我写在项目里了。。最好看下项目吧
GitHub链接

这是下载资源的链接

蠢咩
关注
  • 3
    点赞
  • 踩
  • 18
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
Android自定义时间选择器
提笔忘字的帝国
01-12 6012
Android自定义时间选择器
Android时间选择器
weixin_44564151的博客
06-08 1255
在安卓开发中！都是经常会对时间的数据录入，为了方便录入时间并统一录入时间的格式！所以采用开源框架android-times-square日历控件来实现绑定时间数据录入！ TimeSquare概念： TimesSquare实现选择日期日历控件： 可单选（SINGLE），多选（MULTIPLE），区间范围（RANGE）和对话框四种方式。 会在使用步骤3（初始化日期选择器控件）中通过inMode（）改变其他三种形式的选择模式 使用步骤： 1.在build.gradle中添加日期选择控件依赖支持
Android最全Android 自定义年月日日期选择器、时分时间选择器，2024年最新2024Android春招面试
最新发布
2401_84519960的博客
05-08 1537
以下是资料目录和内容部分截图里面包括详细的知识点讲解分析，带你一个星期入门Flutter。还有130个进阶学习项目实战视频教程，让你秒变大前端。网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。需要这份系统化学习资料的朋友，可以戳这里获取一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
Android开发：安卓选择器类库，包括日期选择器、时间选择器、文件选择器、目录选择器等
小五博客园
07-16 1766
项目中用到了时间选择器和单文本选择器，选择了这个AndroidPicker/WheelPicker库，感觉还不错，挺好用，把事例写一下。 github地址：https://github.com/gzu-liyujiang/AndroidPicker 一、引入依赖 第一步，在项目根目录下的build.gradle里加： allprojects { repositories { ...
android自定义尺子收集demo
jacke121的专栏
06-21 6186
android自定义尺子收集demo
Android进阶之路 - AndroidPicker 快速实现多样化日期选择器、地址选择器
热门推荐
Android、前端、小程序、后端
11-14 1万+
日期选择器，项目中不少用，网上也有很多，包括我之前也抄过一个，但是没有这个漂亮，毕竟我也是在进步嘛，这次使用的三方框架为`AndroidPicker`，一开始看了几篇文章介绍，包括作者介绍的使用方式都不得其解，好在最后是解决了，同时简单封装了一下，大家请直接看下文把 ~ 我是有幸`在2022年`的时候又用到了`AndroidPicker`，回想之前写过该框架的类似Blog，发现`早之前(2017)的写法早就过时了`，所以在补入一版吧... `下方关于2017年的部分，可以直接无视！！！`~.........
android开发时间选择器
02-05
自定义的时间选择器,很强大,很实用,界面很好看
Android自定义View仿IOS圆盘时间选择器
08-31
这个教程主要关注如何通过自定义View来实现一个类似于iOS的圆盘时间选择器。这个选择器允许用户通过滑动两个圆点在圆盘上选择时间，如小时和分钟。 首先，我们创建一个新的类`Ring_Slide2`，它继承自`View`。在这个...
Android仿iPhone日期时间选择器详解
08-28
WheelMain类的使用可以提高开发效率，简化日期时间选择器的实现。 知识点3：DateFormat类的使用 在Android仿iPhone日期时间选择器中，使用了DateFormat类来格式化日期和时间。DateFormat类提供了多种格式化方式，...
实现了Android开发自定义年月日日期选择器，时分时间选择器
07-26
实现了Android开发自定义年月日日期选择器，时分时间选择器
Android时间选择器、日期选择器实现代码
09-02
在Android开发中，时间选择器（TimePicker）和日期选择器（DatePicker）是常见的用户界面组件，用于让用户方便地选择时间和日期。以下将详细介绍如何在Android应用中实现这两个选择器。 **一、时间选择器...
android时间选择器-popupwindow方式
08-07
android中的时间选择器的demo，以底部弹出popupwindow的方式实现
Android 日期时间选择器
07-04
Android 系统自带日期时间选择器， 4.4 系统以上及以下两种风格
Android NumberPicker使用
fromVillageCoolBoy的博客
01-03 2277
NumberPicker是一个滑动的控件，和spinner差不多。数字选择器NumberPicker是Android3.0之后出的一个控件，所以如果要兼容3.0之前的版本就需要用到GitHub上的开源项目，下载地址是https://github.com/SimonVT/android-numberpicker。
Android 10(47)
erhtre的博客
04-28 264
都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！今天就来实现对Build.ID和Build.DISPLAY的值来做修改。因为文件太多，全部展示会影响篇幅，暂时就先列举这些部分截图。先看下Build.java的源码。
Android自定义滚动式时间选择器（在他人基础上修改）
weixin_34160277的博客
05-25 1680
尽管Android给我们提供了时间选择控件DatePicker和TimePicker（它们的使用方法可以参考我的这篇文章Android之日期时间选择控件DatePicker和TimePicker），但无奈我的项目主色调是土豪金和高级黑，原生的控件用在里面显得格格不入，特别是为了兼容低版本的系统之后显示的是2.x年代的风格，不但是简陋，简直...
Android中日期时间选择器的使用及常见的问题
洛西纳的专栏
01-28 5433
最近闲来无事，特地写一篇博客，来介绍Android中日期选择器的使用及常见的问题。 Android中的日期选择器DatePicker，能实现日期的选择、编辑和修改，虽是一个很简单的组件，但在实际使用中却会遇到很多难以预料的问题，在这里详细介绍该组件的使用方法和常见问题。 运行效果图如下： 项目的结构图： MainActivity的布局很简单，点击Edit
android ui时钟,炫酷的Android时钟UI控件，隔壁产品都馋哭了
weixin_39714191的博客
05-27 366
废话不多说，先上效果效果酷炫，动画丰富，效果爆炸boom～一、设计思路看腻了市面上各种丑陋难看的时钟控件，是时候来点新的东西了！将现实生活中的摆钟圆形表盘设计、电子手表的数显表盘设计抽象出来，提取出“圆形”、“数显”、“时光流逝感”等词汇，融合这些词汇特征，把特征赋予最终的UI设计，就这样，一个炫酷的UI控件诞生了！拨动时钟圆盘可以调整时钟，伴随时间的流逝，拨动的圆盘还能自动回位，交互逻辑自然顺畅...
Android开发实现自定义日历、日期选择控件效果
<sdffdsfsdfdfs>sfsfsfsdfsdffds</sdfsDS>Fsd
03-21 1595
点击上方“程序员大咖”，选择“置顶公众号”关键时刻，第一时间送达！最近项目需要日历效果，考虑用第三方的反而不太适合设计需求，修改复杂，与其这样不入自己重新写一个干净的控件。虽不是什么牛逼控件，但是也需要我们能按照设计自己写出来。在此记录一下实现思路。效果图：实现思路头部是一个自定义组合控件；显示一周的日期部分用GridView 更加方便更新；切换月的部分是一个自定义PopupWindow；Grid

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值