当前位置: 首页 > 编程笔记 >

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

仲和韵
2023-03-14
本文向大家介绍轻松实现可扩展自定义的Android滚轮时间选择控件,包括了轻松实现可扩展自定义的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滚轮时间选择控件

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

 类似资料:
  • 本文向大家介绍Android自定义实现循环滚轮控件WheelView,包括了Android自定义实现循环滚轮控件WheelView的使用技巧和注意事项,需要的朋友参考一下 首先呈上Android循环滚轮效果图:   现在很多地方都用到了滚轮布局WheelView,比如在选择生日的时候,风格类似系统提供的DatePickerDialog,开源的控件也有很多,不过大部分都是根据当前项目的需求绘制的界面

  • 本文向大家介绍Android滚轮选择时间控件使用详解,包括了Android滚轮选择时间控件使用详解的使用技巧和注意事项,需要的朋友参考一下 滚轮选择控件 Android自带的选择时间控件有点丑,往往产品和设计都比较嫌弃,希望做成ios一样的滚轮选择,下面是我在NumberPicker的基础上自定义的选择控件,效果如下: 原理 基于NumberPicker实现 动态填充数值 联动 接口监听回调 实现

  • 本文向大家介绍Android自定义dialog可选择展示年月日时间选择栏,包括了Android自定义dialog可选择展示年月日时间选择栏的使用技巧和注意事项,需要的朋友参考一下 自定义dialog 时间处理类 以上所述是小编给大家介绍的Android自定义dialog可选择展示年月日时间选择栏,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对呐喊教程网

  • 本文向大家介绍轻松实现Android自定义九宫格图案解锁,包括了轻松实现Android自定义九宫格图案解锁的使用技巧和注意事项,需要的朋友参考一下 Android实现九宫格图案解锁,自带将图案转化成数字密码的功能,代码如下: LockPatternView.java PointView.java MainActivity.java  效果图如下: 附上源码地址:https://github.com

  • 本文向大家介绍Android自定义控件实现简单的轮播图控件,包括了Android自定义控件实现简单的轮播图控件的使用技巧和注意事项,需要的朋友参考一下 最近要做一个轮播图的效果,网上看了几篇文章,基本上都能找到实现,效果还挺不错,但是在写的时候感觉每次都要单独去重新在Activity里写一堆代码。于是自己封装了一下。本篇轮播图实现原理原文出处:循环广告位组件的实现,这里只是做了下封装成一个控件,不

  • 本文向大家介绍轻松实现Android仿淘宝地区选择功能,包括了轻松实现Android仿淘宝地区选择功能的使用技巧和注意事项,需要的朋友参考一下 最近用淘宝客户端的时候,编辑地址的时候有个地区选择的功能。看上面的效果觉得挺酷,滚动的时候,是最后一个从下面飞上来挨着前一个。就自己鼓捣一个出来玩玩。 说了效果可能不太直观,下面上两张图看看效果 淘宝地区选择效果 再来一张自己的效果 gif的效果可能不太好