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();
}
}
}