Android自定义控件之日期选择控件使用详解

Android日期选择控件效果如下:

调用的代码:

@OnClick(R.id.btn0)
 public void btn0() {
 final AlertDialog dialog = new AlertDialog.Builder(context).create();
 dialog.show();
 Window window = dialog.getWindow();
 window.setContentView(R.layout.dialog_change_date);
 window.setBackgroundDrawable(new ColorDrawable(0x00000000)); // 处理5.0以上对话框的白边问题
 window.setGravity(Gravity.BOTTOM);
 final DatePickerView datePickerView = (DatePickerView) window.findViewById(R.id.datePickerView);

 //打开页面时需要选中的日期 TODO
 datePickerView.setDate(2015, 5, 11);
 // datePickerView.setDate(birthdayArray[0], birthdayArray[1], birthdayArray[2]);

 final int[] birthdayArray = new int[3];
 datePickerView.addOnSelectedChangingListener(new DatePickerView.OnSelectedChangedListener() {
  @Override
  public void OnSelectedChanged(int[] oldValue, int[] newValue) {
  birthdayArray[0] = newValue[0];
  birthdayArray[1] = newValue[1];
  birthdayArray[2] = newValue[2];
  }
 });
 window.findViewById(R.id.tvCancel).setOnClickListener(new View.OnClickListener() {
  @Override
  public void onClick(View view) {
  dialog.dismiss();
  }
 });
 window.findViewById(R.id.tvOK).setOnClickListener(new View.OnClickListener() {
  @Override
  public void onClick(View view) {
  dialog.dismiss();

  btn0.setText(birthdayArray[0] + "年" + birthdayArray[1] + "月" + birthdayArray[2] + "日");
  }
 });

 }

1.WheelView 源码(有修改)

2.xml布局文件

<?xml version="1.0" encoding="utf-8"?>
<!--widget_date_picker.xml-->
<!--注意修改页面自定义控件的包名-->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal">

 <de.bvb.rxdemo.widget.DateSelectWidget.wheelview.WheelView
  android:id="@+id/wheelViewYear"
  android:layout_width="0dp"
  android:layout_height="match_parent"
  android:layout_gravity="center"
  android:layout_weight="1"/>

 <de.bvb.rxdemo.widget.DateSelectWidget.wheelview.WheelView
  android:id="@+id/wheelViewMonth"
  android:layout_width="0dp"
  android:layout_height="match_parent"
  android:layout_gravity="center"
  android:layout_weight="1"/>

 <de.bvb.rxdemo.widget.DateSelectWidget.wheelview.WheelView
  android:id="@+id/wheelViewDay"
  android:layout_width="0dp"
  android:layout_height="match_parent"
  android:layout_gravity="center"
  android:layout_weight="1"/>

</LinearLayout>
<?xml version="1.0" encoding="utf-8"?>
<!--dialog_change_date.xml-->
<!--注意修改页面自定义控件的包名-->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@android:color/transparent"
    android:gravity="bottom"
    android:orientation="vertical">

 <LinearLayout
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:background="@android:color/white"
  android:orientation="vertical">

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

   <TextView
    android:id="@+id/tvCancel"
    android:layout_width="0dp"
    android:layout_height="match_parent"
    android:layout_weight="1"
    android:background="#F9F9F9"
    android:gravity="center"
    android:text="取消"
    android:textColor="#43AAFC"/>

   <View
    android:layout_width="1px"
    android:layout_height="match_parent"
    android:background="#D7D7D7"/>

   <TextView
    android:id="@+id/tvOK"
    android:layout_width="0dp"
    android:layout_height="match_parent"
    android:layout_weight="1"
    android:background="#F9F9F9"
    android:gravity="center"
    android:text="确定"
    android:textColor="#43AAFC"/>

  </LinearLayout>

  <View
   android:layout_width="match_parent"
   android:layout_height="1px"
   android:background="#D7D7D7"/>

  <de.bvb.rxdemo.widget.DateSelectWidget.DatePickerView
   android:id="@+id/datePickerView"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"/>

 </LinearLayout>
</LinearLayout>

3.java文件

package de.bvb.rxdemo.widget.DateSelectWidget;

import android.content.Context;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.LinearLayout;
import android.widget.TextView;

import java.util.ArrayList;

import de.bvb.rxdemo.R;
import de.bvb.rxdemo.widget.DateSelectWidget.wheelview.OnWheelChangedListener;
import de.bvb.rxdemo.widget.DateSelectWidget.wheelview.OnWheelScrollListener;
import de.bvb.rxdemo.widget.DateSelectWidget.wheelview.WheelView;
import de.bvb.rxdemo.widget.DateSelectWidget.wheelview.adapter.AbstractWheelTextAdapter1;

public class DatePickerView extends LinearLayout {

 private static final int YEAR_MIN = 1950;
 private static final int YEAR_MAX = 2020;

 private int year = YEAR_MIN;
 private int month = 1;
 private int day = 1;

 private ArrayList<Integer> yearList = new ArrayList<>(YEAR_MAX - YEAR_MIN + 1);
 private ArrayList<Integer> monthList = new ArrayList<>(12);
 private ArrayList<Integer> dayList = new ArrayList<>(31);

 private DateTextAdapter yearAdapter;
 private DateTextAdapter monthAdapter;
 private DateTextAdapter dayAdapter;

 private Context context;
 private WheelView wheelViewYear;
 private WheelView wheelViewMonth;
 private WheelView wheelViewDay;

 public DatePickerView(Context context) {
 this(context, null);
 }

 public DatePickerView(Context context, AttributeSet attrs) {
 this(context, attrs, 0);
 }

 public DatePickerView(Context context, AttributeSet attrs, int defStyleAttr) {
 super(context, attrs, defStyleAttr);
 this.context = context;
 init();
 }

 private void init() {
 for (int i = YEAR_MIN; i < YEAR_MAX + 1; i++) {
  yearList.add(i);
 }
 for (int i = 1; i < 13; i++) {
  monthList.add(i);
 }
 for (int i = 1; i < 32; i++) {
  dayList.add(i);
 }

 LayoutInflater.from(context).inflate(R.layout.widget_date_picker, this);
 // View.inflate(context, R.layout.widget_date_picker, this);

 wheelViewYear = (WheelView) findViewById(R.id.wheelViewYear);
 wheelViewMonth = (WheelView) findViewById(R.id.wheelViewMonth);
 wheelViewDay = (WheelView) findViewById(R.id.wheelViewDay);

 wheelViewYear.setCyclic(true);// 可循环滚动
 wheelViewMonth.setCyclic(true);// 可循环滚动
 wheelViewDay.setCyclic(true);// 可循环滚动

 yearAdapter = new DateTextAdapter(context);
 monthAdapter = new DateTextAdapter(context);
 dayAdapter = new DateTextAdapter(context);

 yearAdapter.setList(yearList);
 monthAdapter.setList(monthList);
 dayAdapter.setList(dayList);

 wheelViewYear.setViewAdapter(yearAdapter);
 wheelViewMonth.setViewAdapter(monthAdapter);
 wheelViewDay.setViewAdapter(dayAdapter);

 wheelViewYear.addChangingListener(new OnWheelChangedListener() {
  @Override
  public void onChanged(WheelView wheel, int oldValue, int newValue) {
  year = YEAR_MIN + newValue;
  int days = calcDay(year, month); // days=28
  dayList = getDayList(days);
  dayAdapter.setList(dayList);
  if (day > days) {
   dayAdapter.currentIndex = days - 1;
   wheelViewDay.setCurrentItem(dayAdapter.currentIndex);
  } else {
   dayAdapter.currentIndex = day - 1; // day = 30
  }

  if (onSelectedChangedListener != null) {
   onSelectedChangedListener.OnSelectedChanged(parseInt2Array(YEAR_MIN + oldValue, month, day), getSelectDate());
  }
  }
 });

 wheelViewMonth.addChangingListener(new OnWheelChangedListener() {
  @Override
  public void onChanged(WheelView wheel, int oldValue, int newValue) {
  month = 1 + newValue;
  int days = calcDay(year, month); // days=28
  dayList = getDayList(days);
  dayAdapter.setList(dayList);
  if (day > days) {
   dayAdapter.currentIndex = days - 1;
   wheelViewDay.setCurrentItem(dayAdapter.currentIndex);
  } else {
   dayAdapter.currentIndex = day - 1; // day = 30
  }

  if (onSelectedChangedListener != null) {
   onSelectedChangedListener.OnSelectedChanged(parseInt2Array(year, 1 + oldValue, day), getSelectDate());
  }
  }
 });

 wheelViewDay.addChangingListener(new OnWheelChangedListener() {
  @Override
  public void onChanged(WheelView wheel, int oldValue, int newValue) {
  day = 1 + newValue;
  if (onSelectedChangedListener != null) {
   onSelectedChangedListener.OnSelectedChanged(parseInt2Array(year, month, oldValue + 1), getSelectDate());
  }
  }
 });

 wheelViewYear.addScrollingListener(onWheelScrollListener);
 wheelViewMonth.addScrollingListener(onWheelScrollListener);
 wheelViewDay.addScrollingListener(onWheelScrollListener);
 }

 OnWheelScrollListener onWheelScrollListener = new OnWheelScrollListener() {
 @Override
 public void onScrollingStarted(WheelView wheel) {

 }

 @Override
 public void onScrollingFinished(WheelView wheel) {
  setTextViewStyle();
 }
 };

 private void setTextViewStyle() {
 setTextViewSize(year + "", yearAdapter);
 setTextViewSize(month + "", monthAdapter);
 setTextViewSize(day + "", dayAdapter);
 }

 private void setTextViewSize(String currentItemText, AbstractWheelTextAdapter1 adapter) {
 ArrayList<View> arrayList = adapter.getTextViews();
 int size = arrayList.size();
 String currentText;
 TextView textView;
 boolean current;
 for (int i = 0; i < size; i++) {
  textView = (TextView) arrayList.get(i);
  currentText = textView.getText().toString();
  current = currentItemText.equals(currentText);
  textView.setTextColor(current ? adapter.selected_text_color : adapter.un_selected_text_color);
  textView.setTextSize(current ? adapter.selected_text_size : adapter.un_selected_text_size);
 }
 }

 /**
 * 设置控件的初始值
 *
 * @param year
 * @param month
 * @param day
 */
 public void setDate(int year, int month, int day) {
 //验证合法性
 if (year > YEAR_MAX || year < YEAR_MIN) {
  year = YEAR_MIN;
//  throw new RuntimeException("年份必须在[" + YEAR_MIN + "," + YEAR_MAX + "]之间");
 }
 if (month > 12 || month < 1) {
  month = 1;
//  throw new RuntimeException("月份份必须在[" + 1 + "," + 12 + "]之间");
 }
 final int days = calcDay(year, month);
 if (day > days || day < 1) {
  day = 1;
//  throw new RuntimeException("日期份必须在[" + 1 + "," + days + "]之间");
 }

 this.year = year;
 this.month = month;
 this.day = day;

 yearAdapter.currentIndex = DatePickerView.this.year - YEAR_MIN;
 monthAdapter.currentIndex = DatePickerView.this.month - 1;
 dayAdapter.currentIndex = DatePickerView.this.day - 1;

 wheelViewYear.setCurrentItem(yearAdapter.currentIndex);
 wheelViewMonth.setCurrentItem(monthAdapter.currentIndex);
 wheelViewDay.setCurrentItem(dayAdapter.currentIndex);
 }

 public void addOnSelectedChangingListener(OnSelectedChangedListener onSelectedChangedListener) {
 this.onSelectedChangedListener = onSelectedChangedListener;
 }

 private OnSelectedChangedListener onSelectedChangedListener;

 public interface OnSelectedChangedListener {
 void OnSelectedChanged(int[] oldValue, int[] newValue);
 }

 private int[] parseInt2Array(int year, int month, int day) {
 return new int[]{year, month, day};
 }

 private int[] getSelectDate() {
 return new int[]{year, month, day};
 }

 private ArrayList<Integer> getDayList(int days) {
 if (days <= 0) {
  return null;
 }
 ArrayList<Integer> list = new ArrayList(days);
 for (int i = 1; i < days + 1; i++) {
  list.add(i);
 }
 return list;
 }

 private int calcDay(int year, int month) {
 int days = 0;
 switch (month) {
  case 1:
  case 3:
  case 5:
  case 7:
  case 8:
  case 10:
  case 12:
  days = 31;
  break;
  case 4:
  case 6:
  case 9:
  case 11:
  days = 30;
  break;
  case 2:
  days = (year % 400 == 0 || (year % 100 != 0 && year % 4 == 0)) ? 29 : 28;
  break;
 }
 return days;
 }

 private class DateTextAdapter extends AbstractWheelTextAdapter1 {
 ArrayList<Integer> list;

 public DateTextAdapter(Context context) {
  super(context, android.R.layout.simple_list_item_1);
//  super(context, R.layout.item_birth_year);
//  setItemTextResource(R.id.tempValue);

//  item_birth_year.xml 内容如下
//  <?xml version="1.0" encoding="utf-8"?>
//  <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
//  android:layout_width="match_parent"
//  android:layout_height="35dip"
//  android:gravity="center"
//  android:orientation="horizontal">
//  <TextView
//   android:id="@+id/tempValue"
//   android:layout_width="match_parent"
//   android:layout_height="match_parent"
//   android:gravity="center"
//   android:textColor="#ffff0000"/>
//  </LinearLayout>
 }

 public void setList(ArrayList<Integer> list) {
  this.list = list;
  notifyDataChangedEvent();
 }

 @Override
 protected CharSequence getItemText(int index) {
  return list == null ? "" : String.valueOf(list.get(index));
 }

 @Override
 public int getItemsCount() {
  return list == null ? 0 : list.size();
 }
 }
}

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

(0)

相关推荐

  • Android实现滑动选择控件实例代码

    前言 最近做了个滑动选择的小控件,拿出来给大家分享一下,先上图 运行效果 实现步骤 这里分解为3个动作:Down.Move.Up来进行分析,博主文采不好,大家直接看流程图吧!! 代码分析 前置知识 1.这个地方使用的是RecyclerView的代码,使用RecyclerView只能使用LinearLayoutManager,ListView的运行效果稍微要比RecyclerView差一些 //这里使用dispatchTouchEvent,因为onTouchEvent容易被OnTouchListe

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

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

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

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

  • Android高仿IOS 滚轮选择控件

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

  • android实现双日期选择控件(可隐藏日,只显示年月)

    在安卓开发中,会碰到选开始日期和结束日期的问题.特别是在使用Pad时,如果弹出一个Dialog,能够同时选择开始日期和结束日期,那将是极好的.我在开发中在DatePickerDialog的基础上做了修改,实现了这种Dialog.效果如下: 具体实现方法为: 先新建一个安卓项目DoubleDatePicker,在res/layout文件夹下新建date_picker_dialog.xml,内容如下: <?xml version="1.0" encoding="utf-8&

  • 可支持快速搜索筛选的Android自定义选择控件

    Android 自定义支持快速搜索筛选的选择控件使用方法,具体如下 项目中遇到选择控件选项过多,需要快速查找匹配的情况. 做了简单的Demo,效果图如下: 源码地址:https://github.com/whieenz/SearchSelect 这个控件是由Dialog+SearchView+ListView实现的.Dialog用来承载选择控件,SearchView实现输入,ListView展示结果.设计概要图如下: 一.自定义Dialog Dialog布局文件 <?xml version=&quo

  • Android自定义View实现多图片选择控件

    前言 相信很多朋友在开发中都会遇到图片上传的情况,尤其是多图上传,最经典的莫过于微信的图片选择了.所有很多情况下会使用到多图选择,所以就有了这篇文章,今天抽点时间写了个控件.  •支持自定义选择图片的样式  •支持设置图片选择数量  •支持图片预览,删除  •支持图片拍照 先来看看效果 实现分析 假如不定义控件,我们要实现这样一个功能,无非是写个GridView在item点击的时候去显示图片进行选择,在返回界面的时候进行GridView的数据刷新.我们把这些逻辑写在我们自定义的GridView中

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

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

  • Android自定义控件之日期选择控件使用详解

    Android日期选择控件效果如下: 调用的代码: @OnClick(R.id.btn0) public void btn0() { final AlertDialog dialog = new AlertDialog.Builder(context).create(); dialog.show(); Window window = dialog.getWindow(); window.setContentView(R.layout.dialog_change_date); window.set

  • Android日期选择控件使用详解

    本文实例为大家分享了Android日期选择控件的使用方法,供大家参考,具体内容如下 1.创建dialog 布局 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" an

  • Android自定义View圆形图片控件代码详解

    前言 在日常开发中,圆形的图片效果还是很常见的.可以通过给Paint设置Xfermode来实现,这里简单记录如下. 实现 实现圆形效果的核心是PorterDuffXfermode,对于PorterDuffXfermode,这里不展开,可以查询相关资料. 核心代码 //绘制背景 canvas.drawCircle(mSize / 2, mSize / 2, mSize / 2, mPaint); //设置模式为:显示背景层和上层的交集,且显示上层图像 mPaint.setXfermode(new

  • Ext JS框架中日期函数的用法及日期选择控件的实现

    Ext.Date是一个单例,封装了一系列日期操作函数,扩展JavaScript Date的功能,下面列出一些常用的功能. 基本函数: Ext.Date.add(date, interval, value) 给date增加或减少时间,这个函数不改变原有Date对象的值,而是返回一个新的Date对象. Ext.Date.between(date, start, end) 判断date是否在start和end之间. Ext.Date.clearTime(date, clone) 把date的时间设置成

  • Ext JS 4实现带week(星期)的日期选择控件(实战二)

    前言 JavaScript 中的日期和时间 Ext JS 4实现带week(星期)的日期选择控件(实战一) 如对本篇的一些预备知识需详尽了解,可参考以上两篇. Javascript 有提供Date 对象用于处理时间.但是Date 并没有提供获取星期的方法. 要在web 端通过js 方式获取某个时间是这一年的第几个星期,可以根据一些算法去实现. 当然, jquery 的扩展组件 等有直接提供这样的一些现成包. 像Ext js 就有提供获取星期的方法 Ext.Date.getWeekOfYear(d

  • datePicker——日期选择控件(with jquery)

    demo: http://demo.jb51.net/js/2011/jQuery_calendar/index.html down: http://www.jb51.net/jiaoben/19622.html 用法很简单,而且js文件也很小,之前也见过一些日期选择控件,但个头都比较大,影响速度可以设置日期的格式,可以选择日期的起止时间,如果不加参数的话,默认就是之前的日期不可选,而只能从今天开始选择 现在My97 DatePicker也不错,不用jquery 一款很不错的基于JavaScri

  • 基于jQuery的日期选择控件

    但是也有些问题,第一画日历有点慢,第二兼容性不太好IE Only,第三它不是基于jQuery的哈哈. 那还是老规矩,做之前先看下效果   这下是更酷的Ext风格了. 从上图我们可以看出这个控件其实有两个视图一个日期月视图,还有一个是年月选择视图. 1:还是先从HTML入手 日期控件确定HTML其实还是比较简单,因为明摆着是列表的数据格式,当然主要是采用table了. 两个视图分别用两个Div包裹,控制div的显示隐藏即可以切换视图了.完整的HTMl结构大家可以用IEDeveloper看一下Dem

  • Android仿京东淘宝自动无限循环轮播控件思路详解

    在App的开发中,很多的时候都需要实现类似京东淘宝一样的自动无限轮播的广告栏,所以就自己写了一个,下面是我自定义控件的思路和过程. 一.自定义控件属性 新建自定义控件SliderLayout继承于RelativeLayout,首先要考虑的就是自定义的控件需要扩展那些属性,把这些属性列出来.在这里是要实现类似于京东淘宝的无限轮播广告栏,那么首先想到的就是轮播的时长.轮播指示器的样式等等.我在这里列举了一些并且结合到了代码中. 1.扩展属性 (1)是否开启自动轮播的功能. (2)指示器的图形样式,一

随机推荐