Android 自定义控件之 日期选择控件

Posted 2020-09-22 MarcoReus

效果如下:

调用的代码:

@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>

View Code

<?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>

View Code

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