轻松实现可扩展自定义的Android滚轮时间选择控件

项目需求中有个功能模块需要用到时间选择控件,但是android系统自带的太丑了,只能自己优化下,结合WheelView实现滚轮选择日期,好像网上也挺多这种文章的。但是适用范围还是不同,希望这个能够对需求相同的朋友有一定帮助。控件标题还有年月日时分秒这些可以自己控制是否显示,先来看效果。

1.有年月日时分的开始时间

2.只有年月日的结束时间

3.用于有时身份证到期的时间选择(分为勾选长期和直接选择时间两种,另外长期后面自己也可以进行扩展)

4.项目结构

5.直接贴代码,代码里面注释很详细

<span style="font-size:18px;"><span style="font-size:14px;">package com.andrew.datechoosewheelviewdemo; import android.app.Activity; import android.app.Dialog; import android.content.Context; import android.os.Looper; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.Button; import android.widget.LinearLayout; import android.widget.TextView; import com.andrew.datechoosewheelviewdemo.widget.OnWheelChangedListener; import com.andrew.datechoosewheelviewdemo.widget.OnWheelScrollListener; import com.andrew.datechoosewheelviewdemo.widget.WheelView; import com.andrew.datechoosewheelviewdemo.widget.adapters.AbstractWheelTextAdapter; import java.util.ArrayList; import java.util.Calendar; /** * 使用说明:1.showLongTerm()是否显示长期选项 * 2.setTimePickerGone隐藏时间选择 * 3.接口DateChooseInterface * * 用于时间日期的选择 * Created by liuhongxia on 2016/4/16. */ public class DateChooseWheelViewDialog extends Dialog implements View.OnClickListener { //控件 private WheelView mYearWheelView; private WheelView mDateWheelView; private WheelView mHourWheelView; private WheelView mMinuteWheelView; private CalendarTextAdapter mDateAdapter; private CalendarTextAdapter mHourAdapter; private CalendarTextAdapter mMinuteAdapter; private CalendarTextAdapter mYearAdapter; private TextView mTitleTextView; private Button mSureButton; private Dialog mDialog; private Button mCloseDialog; private LinearLayout mLongTermLayout; private TextView mLongTermTextView; //变量 private ArrayList<String> arry_date = new ArrayList<String>(); private ArrayList<String> arry_hour = new ArrayList<String>(); private ArrayList<String> arry_minute = new ArrayList<String>(); private ArrayList<String> arry_year = new ArrayList<String>(); private int nowDateId = 0; private int nowHourId = 0; private int nowMinuteId = 0; private int nowYearId = 0; private String mYearStr; private String mDateStr; private String mHourStr; private String mMinuteStr; private boolean mBlnBeLongTerm = false;//是否需要长期 private boolean mBlnTimePickerGone = false;//时间选择是否显示 //常量 private final int MAX_TEXT_SIZE = 18; private final int MIN_TEXT_SIZE = 16; private Context mContext; private DateChooseInterface dateChooseInterface; public DateChooseWheelViewDialog(Context context, DateChooseInterface dateChooseInterface) { super(context); this.mContext = context; this.dateChooseInterface = dateChooseInterface; mDialog = new Dialog(context,R.style.dialog); initView(); initData(); } private void initData() { initYear(); initDate(); initHour(); initMinute(); initListener(); } /** * 初始化滚动监听事件 */ private void initListener() { //年份***************************** mYearWheelView.addChangingListener(new OnWheelChangedListener() { @Override public void onChanged(WheelView wheel, int oldValue, int newValue) { String currentText = (String) mYearAdapter.getItemText(wheel.getCurrentItem()); setTextViewStyle(currentText, mYearAdapter); mYearStr = arry_year.get(wheel.getCurrentItem()) + ""; } }); mYearWheelView.addScrollingListener(new OnWheelScrollListener() { @Override public void onScrollingStarted(WheelView wheel) { } @Override public void onScrollingFinished(WheelView wheel) { String currentText = (String) mYearAdapter.getItemText(wheel.getCurrentItem()); setTextViewStyle(currentText, mYearAdapter); } }); //日期******************** mDateWheelView.addChangingListener(new OnWheelChangedListener() { @Override public void onChanged(WheelView wheel, int oldValue, int newValue) { String currentText = (String) mDateAdapter.getItemText(wheel.getCurrentItem()); setTextViewStyle(currentText, mDateAdapter); // mDateCalendarTextView.setText(" " + arry_date.get(wheel.getCurrentItem())); mDateStr = arry_date.get(wheel.getCurrentItem()); } }); mDateWheelView.addScrollingListener(new OnWheelScrollListener() { @Override public void onScrollingStarted(WheelView wheel) { } @Override public void onScrollingFinished(WheelView wheel) { String currentText = (String) mDateAdapter.getItemText(wheel.getCurrentItem()); setTextViewStyle(currentText, mDateAdapter); } }); //小时*********************************** mHourWheelView.addChangingListener(new OnWheelChangedListener() { @Override public void onChanged(WheelView wheel, int oldValue, int newValue) { String currentText = (String) mHourAdapter.getItemText(wheel.getCurrentItem()); setTextViewStyle(currentText, mHourAdapter); mHourStr = arry_hour.get(wheel.getCurrentItem()) + ""; } }); mHourWheelView.addScrollingListener(new OnWheelScrollListener() { @Override public void onScrollingStarted(WheelView wheel) { } @Override public void onScrollingFinished(WheelView wheel) { String currentText = (String) mHourAdapter.getItemText(wheel.getCurrentItem()); setTextViewStyle(currentText, mHourAdapter); } }); //分钟******************************************** mMinuteWheelView.addChangingListener(new OnWheelChangedListener() { @Override public void onChanged(WheelView wheel, int oldValue, int newValue) { String currentText = (String) mMinuteAdapter.getItemText(wheel.getCurrentItem()); setTextViewStyle(currentText, mMinuteAdapter); mMinuteStr = arry_minute.get(wheel.getCurrentItem()) + ""; } }); mMinuteWheelView.addScrollingListener(new OnWheelScrollListener() { @Override public void onScrollingStarted(WheelView wheel) { } @Override public void onScrollingFinished(WheelView wheel) { String currentText = (String) mMinuteAdapter.getItemText(wheel.getCurrentItem()); setTextViewStyle(currentText, mMinuteAdapter); } }); } /** * 初始化分钟 */ private void initMinute() { Calendar nowCalendar = Calendar.getInstance(); int nowMinite = nowCalendar.get(Calendar.MINUTE); arry_minute.clear(); for (int i = 0; i <= 59; i++) { arry_minute.add(i + ""); if (nowMinite == i){ nowMinuteId = arry_minute.size() - 1; } } mMinuteAdapter = new CalendarTextAdapter(mContext, arry_minute, nowMinuteId, MAX_TEXT_SIZE, MIN_TEXT_SIZE); mMinuteWheelView.setVisibleItems(5); mMinuteWheelView.setViewAdapter(mMinuteAdapter); mMinuteWheelView.setCurrentItem(nowMinuteId); mMinuteStr = arry_minute.get(nowMinuteId) + ""; setTextViewStyle(mMinuteStr, mMinuteAdapter); } /** * 初始化时间 */ private void initHour() { Calendar nowCalendar = Calendar.getInstance(); int nowHour = nowCalendar.get(Calendar.HOUR_OF_DAY); arry_hour.clear(); for (int i = 0; i <= 23; i++) { arry_hour.add(i + ""); if (nowHour == i){ nowHourId = arry_hour.size() - 1; } } mHourAdapter = new CalendarTextAdapter(mContext, arry_hour, nowHourId, MAX_TEXT_SIZE, MIN_TEXT_SIZE); mHourWheelView.setVisibleItems(5); mHourWheelView.setViewAdapter(mHourAdapter); mHourWheelView.setCurrentItem(nowHourId); mHourStr = arry_hour.get(nowHourId) + ""; setTextViewStyle(mHourStr, mHourAdapter); } /** * 初始化年 */ private void initYear() { Calendar nowCalendar = Calendar.getInstance(); int nowYear = nowCalendar.get(Calendar.YEAR); arry_year.clear(); for (int i = 0; i <= 99; i++) { int year = nowYear -30 + i; arry_year.add(year + "年"); if (nowYear == year) { nowYearId = arry_year.size() - 1; } } mYearAdapter = new CalendarTextAdapter(mContext, arry_year, nowYearId, MAX_TEXT_SIZE, MIN_TEXT_SIZE); mYearWheelView.setVisibleItems(5); mYearWheelView.setViewAdapter(mYearAdapter); mYearWheelView.setCurrentItem(nowYearId); mYearStr = arry_year.get(nowYearId); } private void initView() { View view = LayoutInflater.from(mContext).inflate(R.layout.dialog_date_choose, null); mDialog.setContentView(view); mYearWheelView = (WheelView) view.findViewById(R.id.year_wv); mDateWheelView = (WheelView) view.findViewById(R.id.date_wv); mHourWheelView = (WheelView) view.findViewById(R.id.hour_wv); mMinuteWheelView = (WheelView) view.findViewById(R.id.minute_wv); mTitleTextView = (TextView) view.findViewById(R.id.title_tv); mSureButton = (Button) view.findViewById(R.id.sure_btn); mCloseDialog = (Button) view.findViewById(R.id.date_choose_close_btn); mLongTermLayout = (LinearLayout) view.findViewById(R.id.long_term_layout); mLongTermTextView = (TextView) view.findViewById(R.id.long_term_tv); mSureButton.setOnClickListener(this); mCloseDialog.setOnClickListener(this); mLongTermTextView.setOnClickListener(this); } /** * 初始化日期 */ private void initDate() { Calendar nowCalendar = Calendar.getInstance(); int nowYear = nowCalendar.get(Calendar.YEAR); arry_date.clear(); setDate(nowYear); mDateAdapter = new CalendarTextAdapter(mContext, arry_date, nowDateId, MAX_TEXT_SIZE, MIN_TEXT_SIZE); mDateWheelView.setVisibleItems(5); mDateWheelView.setViewAdapter(mDateAdapter); mDateWheelView.setCurrentItem(nowDateId); mDateStr = arry_date.get(nowDateId); setTextViewStyle(mDateStr, mDateAdapter); } public void setDateDialogTitle(String title) { mTitleTextView.setText(title); } public void setTimePickerGone(boolean isGone) { mBlnTimePickerGone = isGone; if (isGone) { LinearLayout.LayoutParams yearParams = new LinearLayout.LayoutParams( LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT); yearParams.rightMargin = 22; LinearLayout.LayoutParams dateParams = new LinearLayout.LayoutParams( LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT); mYearWheelView.setLayoutParams(yearParams); mDateWheelView.setLayoutParams(dateParams); mHourWheelView.setVisibility(View.GONE); mMinuteWheelView.setVisibility(View.GONE); } else { mHourWheelView.setVisibility(View.VISIBLE); mMinuteWheelView.setVisibility(View.VISIBLE); } } public void showLongTerm(boolean show) { if (show) { mLongTermLayout.setVisibility(View.VISIBLE); } else { mLongTermLayout.setVisibility(View.GONE); } } /** * 将改年的所有日期写入数组 * @param year */ private void setDate(int year){ boolean isRun = isRunNian(year); Calendar nowCalendar = Calendar.getInstance(); int nowMonth = nowCalendar.get(Calendar.MONTH) + 1; int nowDay = nowCalendar.get(Calendar.DAY_OF_MONTH); for (int month = 1; month <= 12; month++){ switch (month){ case 1: case 3: case 5: case 7: case 8: case 10: case 12: for (int day = 1; day <= 31; day++){ arry_date.add(month + "月" + day + "日"); if (month == nowMonth && day == nowDay){ nowDateId = arry_date.size() - 1; } } break; case 2: if (isRun){ for (int day = 1; day <= 29; day++){ arry_date.add(month + "月" + day + "日"); if (month == nowMonth && day == nowDay){ nowDateId = arry_date.size() - 1; } } }else { for (int day = 1; day <= 28; day++){ arry_date.add(month + "月" + day + "日"); if (month == nowMonth && day == nowDay){ nowDateId = arry_date.size() - 1; } } } break; case 4: case 6: case 9: case 11: for (int day = 1; day <= 30; day++){ arry_date.add(month + "月" + day + "日"); if (month == nowMonth && day == nowDay){ nowDateId = arry_date.size() - 1; } } break; default: break; } } } /** * 判断是否是闰年 * @param year * @return */ private boolean isRunNian(int year){ if(year % 4 == 0 && year % 100 !=0 || year % 400 == 0){ return true; }else { return false; } } /** * 设置文字的大小 * @param curriteItemText * @param adapter */ public void setTextViewStyle(String curriteItemText, CalendarTextAdapter adapter) { ArrayList<View> arrayList = adapter.getTestViews(); int size = arrayList.size(); String currentText; for (int i = 0; i < size; i++) { TextView textvew = (TextView) arrayList.get(i); currentText = textvew.getText().toString(); if (curriteItemText.equals(currentText)) { textvew.setTextSize(MAX_TEXT_SIZE); textvew.setTextColor(mContext.getResources().getColor(R.color.text_10)); } else { textvew.setTextSize(MIN_TEXT_SIZE); textvew.setTextColor(mContext.getResources().getColor(R.color.text_11)); } } } @Override public void onClick(View v) { switch (v.getId()) { case R.id.sure_btn://确定选择按钮监听 if (mBlnTimePickerGone) { dateChooseInterface.getDateTime(strTimeToDateFormat(mYearStr, mDateStr), mBlnBeLongTerm); } else { dateChooseInterface.getDateTime(strTimeToDateFormat(mYearStr, mDateStr , mHourStr , mMinuteStr), mBlnBeLongTerm); } dismissDialog(); break; case R.id.date_choose_close_btn://关闭日期选择对话框 dismissDialog(); break; case R.id.long_term_tv://选择长期时间监听 if (!mBlnBeLongTerm) { mLongTermTextView.setBackgroundResource(R.drawable.gouxuanok); mBlnBeLongTerm = true; } else { mLongTermTextView.setBackgroundResource(R.drawable.gouxuanno); mBlnBeLongTerm = false; } default: break; } } /** * 对话框消失 */ private void dismissDialog() { if (Looper.myLooper() != Looper.getMainLooper()) { return; } if (null == mDialog || !mDialog.isShowing() || null == mContext || ((Activity) mContext).isFinishing()) { return; } mDialog.dismiss(); this.dismiss(); } /** * 显示日期选择dialog */ public void showDateChooseDialog() { if (Looper.myLooper() != Looper.getMainLooper()) { return; } if (null == mContext || ((Activity) mContext).isFinishing()) { // 界面已被销毁 return; } if (null != mDialog) { mDialog.show(); return; } if (null == mDialog) { return; } mDialog.setCanceledOnTouchOutside(true); mDialog.show(); } /** * xx年xx月xx日xx时xx分转成yyyy-MM-dd HH:mm * @param yearStr * @param dateStr * @param hourStr * @param minuteStr * @return */ private String strTimeToDateFormat(String yearStr, String dateStr, String hourStr, String minuteStr) { return yearStr.replace("年", "-") + dateStr.replace("月", "-").replace("日", " ") + hourStr + ":" + minuteStr; } private String strTimeToDateFormat(String yearStr, String dateStr) { return yearStr.replace("年", "-") + dateStr.replace("月", "-").replace("日", ""); } /** * 滚轮的adapter */ private class CalendarTextAdapter extends AbstractWheelTextAdapter { ArrayList<String> list; protected CalendarTextAdapter(Context context, ArrayList<String> list, int currentItem, int maxsize, int minsize) { super(context, R.layout.item_birth_year, R.id.tempValue, currentItem, maxsize, minsize); this.list = list; } @Override public View getItem(int index, View cachedView, ViewGroup parent) { View view = super.getItem(index, cachedView, parent); return view; } @Override public int getItemsCount() { return list.size(); } @Override protected CharSequence getItemText(int index) { String str = list.get(index) + ""; return str; } } /** * 回调选中的时间(默认时间格式"yyyy-MM-dd HH:mm:ss") */ public interface DateChooseInterface{ void getDateTime(String time, boolean longTimeChecked); } } </span></span>

6.MainActivity里面使用

<span style="font-size:18px;"><span style="font-size:14px;">package com.andrew.datechoosewheelviewdemo; import android.app.Activity; import android.os.Bundle; import android.view.View; import android.widget.Button; import android.widget.TextView; public class MainActivity extends Activity implements View.OnClickListener { private Button mStartDateButton; private Button mEndDateButton; private Button mDateValidButton; private TextView mShowContentTextView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); mStartDateButton = (Button) this.findViewById(R.id.start_date_btn); mEndDateButton = (Button) this.findViewById(R.id.end_date_btn); mDateValidButton = (Button) this.findViewById(R.id.date_valid_btn); mShowContentTextView = (TextView) this.findViewById(R.id.show_content_tv); mStartDateButton.setOnClickListener(this); mEndDateButton.setOnClickListener(this); mDateValidButton.setOnClickListener(this); } @Override public void onClick(View v) { switch (v.getId()) { case R.id.start_date_btn://开始时间 DateChooseWheelViewDialog startDateChooseDialog = new DateChooseWheelViewDialog(MainActivity.this, new DateChooseWheelViewDialog.DateChooseInterface() { @Override public void getDateTime(String time, boolean longTimeChecked) { mShowContentTextView.setText(time); } }); startDateChooseDialog.setDateDialogTitle("开始时间"); startDateChooseDialog.showDateChooseDialog(); break; case R.id.end_date_btn://结束时间 DateChooseWheelViewDialog endDateChooseDialog = new DateChooseWheelViewDialog(MainActivity.this, new DateChooseWheelViewDialog.DateChooseInterface() { @Override public void getDateTime(String time, boolean longTimeChecked) { mShowContentTextView.setText(time); } }); endDateChooseDialog.setTimePickerGone(true); endDateChooseDialog.setDateDialogTitle("结束时间"); endDateChooseDialog.showDateChooseDialog(); break; case R.id.date_valid_btn://身份证有效期 DateChooseWheelViewDialog dateValidChooseDialog = new DateChooseWheelViewDialog(MainActivity.this, new DateChooseWheelViewDialog.DateChooseInterface() { @Override public void getDateTime(String time, boolean longTimeChecked) { if (longTimeChecked) { mShowContentTextView.setText("长期 "); } else { mShowContentTextView.setText(time); } } }); dateValidChooseDialog.setTimePickerGone(true); dateValidChooseDialog.showLongTerm(true); dateValidChooseDialog.setDateDialogTitle("身份证到期时间"); dateValidChooseDialog.showDateChooseDialog(); break; default: break; } } } </span></span>

代码下载地址:
github:https://github.com/hongxialiu/DateChooseWheelViewDemo 
源码下载: WheelView滚轮时间选择控件

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

时间: 2024-08-03 01:56:07

轻松实现可扩展自定义的Android滚轮时间选择控件的相关文章

轻松实现可扩展自定义的Android滚轮时间选择控件_Android

项目需求中有个功能模块需要用到时间选择控件,但是android系统自带的太丑了,只能自己优化下,结合WheelView实现滚轮选择日期,好像网上也挺多这种文章的.但是适用范围还是不同,希望这个能够对需求相同的朋友有一定帮助.控件标题还有年月日时分秒这些可以自己控制是否显示,先来看效果.  1.有年月日时分的开始时间 2.只有年月日的结束时间 3.用于有时身份证到期的时间选择(分为勾选长期和直接选择时间两种,另外长期后面自己也可以进行扩展) 4.项目结构 5.直接贴代码,代码里面注释很详细 <sp

Android滚轮选择时间控件使用详解_Android

滚轮选择控件 Android自带的选择时间控件有点丑,往往产品和设计都比较嫌弃,希望做成ios一样的滚轮选择,下面是我在NumberPicker的基础上自定义的选择控件,效果如下: 原理 基于NumberPicker实现 动态填充数值 联动 接口监听回调 实现滚轮效果有github上mark比较多的WheelView,但是阅读源码发现数据是一次性填入的,选择时间的话,填入10年就是10*365=3650条数据,也就是new出三千多个TextView,想想都觉得恐怖,肯定是不行的,于是便想到用Nu

自定义Android日期时间选择控件DateTimePickerDialog

Android系统提供了DatePicker.TimePicker.DatePickerDialog.TimePickerDialog控件用于日期和时间的选择和设置,但是它们都是相对独立的,不能方便的设置"yyyy-MM-dd HH:mm:ss"型日期时间,下面是使用这几种组件自定义的一个日期时间选择控件DateTimePickerDialog,可以方便的设置"yyyy-MM-dd HH:mm:ss"型日期时间,"yyyy-MM-dd"型日期和&

Android滚轮选择时间控件使用详解

滚轮选择控件 Android自带的选择时间控件有点丑,往往产品和设计都比较嫌弃,希望做成ios一样的滚轮选择,下面是我在NumberPicker的基础上自定义的选择控件,效果如下: 原理 基于NumberPicker实现 动态填充数值 联动 接口监听回调 实现滚轮效果有github上mark比较多的WheelView,但是阅读源码发现数据是一次性填入的,选择时间的话,填入10年就是10*365=3650条数据,也就是new出三千多个TextView,想想都觉得恐怖,肯定是不行的,于是便想到用Nu

Android高仿IOS 滚轮选择控件_Android

最近根据项目需要,整理了一个相对比较全面的 WheelView 使用控件,借用之前看到的一句话来说,就是站在巨人肩膀上,进行了一些小调整. 这里先贴上效果图 一般常用的时间选择格式,,单项选择,以及城市联动,这里基本都可以满足了. 这里把 单项选择,和 日期时间选择 给提出到 Util 类中,代码如下: public class Util { /** * 时间选择回调 */ public interface TimerPickerCallBack { void onTimeSelect(Stri

android自定义view-Android在自定义View控制Activity里控件

问题描述 Android在自定义View控制Activity里控件 最近在学习Android,想做一个效果遇到了困难.我自定义了一个View,然后在View里设置触摸事件,点击一个出现一个按钮, 再点击一下按钮消失.我不知道怎么在自定义View里添加Button,就放在了布局了.但是用在自定义View设置的点击事件来控 制布局里的按钮?跪谢跪谢. 解决方案 以下是在Activity里的操作 private Button bt1;//你的按钮控件 View myView=View.inflate(

Android 实现IOS 滚轮选择控件的实例(源码下载)

Android 实现IOS 滚轮选择控件的实例 最近根据项目需要,整理了一个相对比较全面的 WheelView 使用控件,借用之前看到的一句话来说,就是站在巨人肩膀上,进行了一些小调整. 这里先贴上效果图 一般常用的时间选择格式,,单项选择,以及城市联动,这里基本都可以满足了. 这里把 单项选择,和 日期时间选择 给提出到 Util 类中,代码如下: public class Util { /** * 时间选择回调 */ public interface TimerPickerCallBack

Android 底部导航控件实例代码_Android

一.先给大家展示下最终效果 通过以上可以看到,图一是简单的使用,图二.图三中为结合ViewPager共同使用,而且都可以随ViewPager的滑动渐变色,不同点是图二为选中非选中两张图片,图三的选中非选中是一张图片只是做了颜色变化. 二. 需求 我们希望做可以做成这样的,可以在xml布局中引入控件并绑定数据,在代码中设置监听回调,并且配置使用要非常简单! 三.需求分析 根据我们多年做不明确需求项目的经验,以上需求还算明确.那么我们可以采用在LinearLayout添加子View控件,这个子Vie

Android之日期时间选择控件DatePicker和TimePicker实例

这个月根据需求在项目中做了一个时间选择器,虽然没有用到Android原生的时间选择控件,但我羞愧地发现自己竟然从来没有用过这方面控件!趁现在有时间,赶紧查缺补漏,写一篇博客吧. (注:为了便于区分,本文将选择年月日的控件称为日期选择控件,将选择时分的控件称为时间选择控件.) 1.创建项目 新建一个项目,MainActivity的布局如下: <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"