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();
        }
    }
}
时间: 2024-10-03 13:27:03

Android 自定义控件之 日期选择控件的相关文章

用c/c++混合编程方式为ios/android实现一个自绘日期选择控件(一)

本文为原创,如有转载,请注明出处:http://www.cnblogs.com/jackybu 前言 章节: 1.需求描述以及c/c++实现日期和月历的基本操作 2.ios实现自绘日期选择控件 3.android实现自绘日期选择控件 目的: 通过一个相对复杂的自定义自绘控件来分享: 1.ios以及android自定义自绘控件的开发流程 2.objc与c/c++混合编程 3.android ndk的环境配置,android studio ndk的编译模式,swig在android ndk开发中的作

Android自定义View(RollWeekView-炫酷的星期日期选择控件)

转载请标明出处: http://blog.csdn.net/xmxkf/article/details/53420889 本文出自:[openXu的博客] 目录: 1分析 2定义控件布局 3定义CustomWeekView 4重写onMeasure 5点击后执行动画 7重置预备控件 源码下载 ??最近收到一个自定义控件的需求,需要做一个日期选择控件,实现图如下: ???? ??一次展示一个星期的5天,中间放大的为当前选中的:如果点击了其中一个日期,比如星期五,那么整体向左滑动,并将星期五慢慢放大

双日历日期选择控件

近期,需要在项目里使用日历,经过多方选择,最后决定使用 daterangepicker  (http://www.daterangepicker.com),代码下载地址 https://github.com/dangrossman/bootstrap-daterangepicker 但是,该控件是一个日期范围选择控件,使用singleDatePicker 可以变成单日期选择控件,但是只显示一个日期. 看了一下源代码,主要是在 daterangepicker.js 的有一段代码,注释掉即可:如下

高仿IOS7日期选择控件

高仿IOS7日期选择控件 高仿IOS7.QQ等日期选择控件,滑动选择,高端大气上档次,可直接运用于项目中... 下载地址:http://www.devstore.cn/code/info/965.html 运行截图:   

ExtJS6.0扩展日期选择控件为也可以选择时间

PS:ExtJS自带的日期选择控件只能够选择日期,但是现在的需求需要精确到秒,所以在网上搜索了一些例子(大部分是4.0的)作为参考,然后改出了6.0可用的一个日期时间选择控件. 1.找到extjs6.0源代码中Picker文件路径下的Date.js脚本(路径:ext-6.0.0-gpl\ext-6.0.0\classic\classic\src\picker),拷贝一份出来命名为DateTimePicker.js 2.修改命名空间(把白色底的改成黑色底的命名空间以及别名,你也可以修改为自己存放该

原创控件代码共享--日期选择控件

思路:实现日期年月日的选择 1.可以设定年的起止年份 2.排除不正确日期选择的可能 3.使用javascript实现控制 4.使用Text属性方便获取设置日期值 ================================= 代码如下: using System; using System.Collections; using System.Collections.Specialized; using System.ComponentModel; using System.IO; using

Swift - 日期选择控件(UIDatePicker)的用法

1,使用storyboard创建日期选择控件 首先我们将一个UIDatePicker控件和一个按钮直接添加到Main.Storyboard上.该按钮是为了点击时弹出提示框显示当前选择的日期和时间. 同时在ViewController.swift中使用IBOutlet建立起控件和事件的关联,具体代码如下: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 class ViewContro

取消layUI中日期选择控件默认填充日期

input标签中使用日期选择控件填写,加载时默认填充当前日期, 标签设置了placeholder="请选择" autocomplete="off",但是并没有效果, 最后发现可以在绑定时将value一项设置为空,而非new Data()的值, laydate.render({    elem: '#param_monthid',    type: 'month',    format: 'yyyyMM',    value: '',    max: year + &

android自定义控件(五) 自定义组合控件

转自http://www.cnblogs.com/hdjjun/archive/2011/10/12/2209467.html 代码为自己编写 目标:实现textview和ImageButton组合,可以通过Xml设置自定义控件的属性. 通过代码或者通过xml设置自定义控件的属性 1.控件布局:以Linearlayout为根布局,一个TextView,一个ImageButton.  Xml代码 [html] view plaincopy < ?xml version="1.0"