一个自定义时间选择器

效果

原因

产品设计为该样式
试着使用系统的进行拼接 timepick + datepick,不是很适合

基于

github一个开源项目
单个的选择器,简洁好用
这个不是本人的项目
点进去只是一个类,本文基于该轻量选择器 进行二次封装

这个类的源码 ,需要的看一些 基本就是一些自定义属性的封装
这里不细讲

       <com.sy.timepick.EasyPickerView
            android:id="@+id/epv_hour"  
            style="@style/style_epv"
            custom:epvMaxShowNum="5"  //衍生行数
            custom:epvTextColor="#000"  //字体颜色
            custom:epvTextMaxScale="1.5" //缩放及颜色浅化
            custom:epvTextMinAlpha="0.35" 
            custom:epvTextPadding="20dp"//间距
            custom:epvTextSize="20sp"/>

封装

这里的封装实际上就是写了个自定义dialog
源码贴一些

/**
 * Date: 2017-06-07 09:49
 */
public class TimePickDialog extends Dialog implements View.OnClickListener {
    /**
     * 回调的时间类型
     */
    public static final String TIME_TYPE = "yyyy.MM.dd HH.mm";
    /**
     * 五个滑动 选择器
     */
    private EasyPickerView mEpvYear;
    private EasyPickerView mEpvMonth;
    private EasyPickerView mEpvDay;
    private EasyPickerView mEpvHour;
    private EasyPickerView mEpvMinute;
    /**
     * 滑动选择器对应的集合
     */
    private List<String> mYearList;
    private List<String> mMonthList;
    private List<String> mDayList;
    private List<String> mHourList;
    private List<String> mMinuteList;

    private Context mContext;
    /**
     * 当前时间 年月日
     */
    private int mCurrentYear;
    private int mCurrentMonth;
    private int mCurrentDay;
    /**
     * dialog标题栏
     */
    private String mTitle;

    /**
     * 构造,传入标题 和 上下文
     */
    public TimePickDialog(Context context, String title) {
        super(context);
        this.mContext = context;
        this.mTitle = title;
    }


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.dialog_time_picker);
        //按空白处不能取消动画
        setCanceledOnTouchOutside(false);
        //初始化界面控件
        initView();
        //初始化界面数据
        initData();
        //初始化界面控件的事件
        initEvent();
    }

    /**
     * 初始化控件
     *
     * 设置dialog宽度
     */
    private void initView() {
        mEpvYear = (EasyPickerView) findViewById(R.id.epv_year);
        mEpvMonth = (EasyPickerView) findViewById(R.id.epv_month);
        mEpvDay = (EasyPickerView) findViewById(R.id.epv_day);
        mEpvHour = (EasyPickerView) findViewById(R.id.epv_hour);
        mEpvMinute = (EasyPickerView) findViewById(R.id.epv_minute);

        Window dialogWindow = getWindow();
        WindowManager manager = ((Activity) mContext).getWindowManager();
        WindowManager.LayoutParams params = dialogWindow.getAttributes(); // 获取对话框当前的参数值
        dialogWindow.setGravity(Gravity.CENTER);//设置对话框位置
        Display display = manager.getDefaultDisplay(); // 获取屏幕宽、高度
        params.width = (int) (display.getWidth() * 1); // 宽度设置为屏幕的0.65，根据实际情况调整
        dialogWindow.setAttributes(params);
    }

    /**
     * 初始化数据
     * 获取当前年月日
     * 获取时间集合  年月日 时分
     */
    private void initData() {
        Calendar now = Calendar.getInstance();
        mCurrentYear = now.get(Calendar.YEAR);
        mCurrentMonth = (now.get(Calendar.MONTH) + 1);
        mCurrentDay = now.get(Calendar.DAY_OF_MONTH);


        mYearList = new ArrayList<>();
        mMonthList = new ArrayList<>();
        mDayList = new ArrayList<>();
        mHourList = new ArrayList<>();
        mMinuteList = new ArrayList<>();


        for (int i = now.get(Calendar.YEAR); i >= 2000; i--) {
            mYearList.add(i + "");
        }


        for (int i = 12; i >= 1; i--) {
            if (i < 10) {
                mMonthList.add("0" + i + "");
            } else {
                mMonthList.add(i + "");
            }
        }

        for (int i = 31; i >= 1; i--) {
            if (i < 10) {
                mDayList.add("0" + i + "");
            } else {
                mDayList.add(i + "");
            }
        }

        for (int i = 23; i >= 0; i--) {
            if (i < 10) {
                mHourList.add("0" + i + "");
            } else {
                mHourList.add(i + "");
            }
        }

        for (int i = 59; i >= 0; i--) {
            if (i < 10) {
                mMinuteList.add("0" + i + "");
            } else {
                mMinuteList.add(i + "");
            }
        }


    }

    /**
     * 设置滑动列表数据
     * 设置标题
     * 设置点击事件
     */
    private void initEvent() {
        initEasyPickerView(mEpvYear, mYearList);
        initEasyPickerView(mEpvMonth, mMonthList);
        initEasyPickerView(mEpvDay, mDayList);
        initEasyPickerView(mEpvHour, mHourList);
        initEasyPickerView(mEpvMinute, mMinuteList);
        //设置标题
        ((TextView) findViewById(R.id.tv_title)).setText(mTitle);
        //设置下方三个按钮监听
        findViewById(R.id.tv_cancel).setOnClickListener(this);
        findViewById(R.id.tv_today).setOnClickListener(this);
        findViewById(R.id.tv_yes).setOnClickListener(this);

    }

    /**
     * 设置数据
     */
    private void initEasyPickerView(EasyPickerView epvYear, List<String> yearList) {
        epvYear.setDataList(yearList);
    }


    @Override
    public void onClick(View v) {
        int id = v.getId();
        if (id == R.id.tv_cancel) {
            this.dismiss();
        } else if (id == R.id.tv_today) {
            setCurrentDay();
        } else if (id == R.id.tv_yes) {
            this.dismiss();

            if (mTimePickListener != null) {
                mTimePickListener.choseTime(
                        mYearList.get(mEpvYear.getCurIndex()) +
                                mMonthList.get(mEpvMonth.getCurIndex()) +
                                mDayList.get(mEpvDay.getCurIndex()) +
                                mHourList.get(mEpvHour.getCurIndex()) +
                                mMinuteList.get(mEpvMinute.getCurIndex())
                );
            }
        }
    }

    /**
     * 设置滑动选择框为当天时间
     */
    private void setCurrentDay() {
        //设置当天
        for (int i = 0; i < mDayList.size(); i++) {
            if (mDayList.get(i).equals(mCurrentDay <= 9 ? "0" + mCurrentDay : mCurrentDay)) {
                mEpvDay.moveTo(i);
                break;
            }
        }
        //设置当月
        for (int i = 0; i < mMonthList.size(); i++) {
            if (mMonthList.get(i).equals(
                    mCurrentMonth <= 9 ? "0" + mCurrentMonth : mCurrentMonth)) {
                mEpvMonth.moveTo(i);
                break;
            }
        }
        //设置当年
        mEpvYear.moveTo(0);
        //初始化小时 和 分钟
        mEpvHour.moveTo(mHourList.size() - 1);
        mEpvMinute.moveTo(mMinuteList.size() - 1);
    }

    /**
     * 时间选择回调监听
     */
    private TimePickListener mTimePickListener;


    public interface TimePickListener {
        void choseTime(String time);
    }

    public void setTimePickListener(TimePickListener timePickListener) {
        mTimePickListener = timePickListener;
    }
}

xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              xmlns:custom="http://schemas.android.com/apk/res-auto"
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:orientation="vertical">
    <TextView android:id="@+id/tv_title"
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:layout_marginBottom="16dp"
              android:layout_marginTop="16dp"
              android:gravity="center_horizontal"
              android:text="开始时间"
              android:textColor="@android:color/holo_blue_light"
              android:textSize="20sp"/>
    <View android:layout_width="match_parent"
          android:layout_height="1dp"
          android:background="@android:color/holo_blue_light"/>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="10dp"
        android:layout_marginTop="10dp">
        <TextView android:layout_width="0dp"
                  android:layout_height="wrap_content"
                  android:layout_weight="1"
                  android:gravity="center_horizontal"
                  android:text="年"
                  android:textSize="18sp"/>
        <TextView android:layout_width="0dp"
                  android:layout_height="wrap_content"
                  android:layout_weight="1"
                  android:gravity="center_horizontal"
                  android:text="月"
                  android:textSize="18sp"/>
        <TextView android:layout_width="0dp"
                  android:layout_height="wrap_content"
                  android:layout_weight="1"
                  android:gravity="center_horizontal"
                  android:text="日"
                  android:textSize="18sp"/>
        <TextView android:layout_width="0dp"
                  android:layout_height="wrap_content"
                  android:layout_weight="1"
                  android:gravity="center_horizontal"
                  android:text="时"
                  android:textSize="18sp"/>
        <TextView android:layout_width="0dp"
                  android:layout_height="wrap_content"
                  android:layout_weight="1"
                  android:gravity="center_horizontal"
                  android:text="分"
                  android:textSize="18sp"/>
    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <com.sy.timepick.EasyPickerView
            android:id="@+id/epv_year"
            style="@style/style_epv"
            custom:epvMaxShowNum="5"
            custom:epvTextColor="#000"
            custom:epvTextMaxScale="1.5"
            custom:epvTextMinAlpha="0.35"
            custom:epvTextPadding="20dp"
            custom:epvTextSize="20sp"/>
        <com.sy.timepick.EasyPickerView
            android:id="@+id/epv_month"
            style="@style/style_epv"
            custom:epvMaxShowNum="5"
            custom:epvTextColor="#000"
            custom:epvTextMaxScale="1.5"
            custom:epvTextMinAlpha="0.35"
            custom:epvTextPadding="20dp"
            custom:epvTextSize="20sp"/>
        <com.sy.timepick.EasyPickerView
            android:id="@+id/epv_day"
            style="@style/style_epv"
            custom:epvMaxShowNum="5"
            custom:epvTextColor="#000"
            custom:epvTextMaxScale="1.5"
            custom:epvTextMinAlpha="0.35"
            custom:epvTextPadding="20dp"
            custom:epvTextSize="20sp"/>
        <com.sy.timepick.EasyPickerView
            android:id="@+id/epv_hour"
            style="@style/style_epv"
            custom:epvMaxShowNum="5"
            custom:epvTextColor="#000"
            custom:epvTextMaxScale="1.5"
            custom:epvTextMinAlpha="0.35"
            custom:epvTextPadding="20dp"
            custom:epvTextSize="20sp"/>
        <com.sy.timepick.EasyPickerView
            android:id="@+id/epv_minute"
            style="@style/style_epv"
            custom:epvMaxShowNum="5"
            custom:epvTextColor="#000"
            custom:epvTextMaxScale="1.5"
            custom:epvTextMinAlpha="0.35"
            custom:epvTextPadding="20dp"
            custom:epvTextSize="20sp"/>
    </LinearLayout>
    <View android:layout_width="match_parent"
          android:layout_height="1dp"
          android:background="@android:color/darker_gray"/>
    <LinearLayout android:layout_width="match_parent"
                  android:layout_height="wrap_content">
        <TextView android:id="@+id/tv_cancel"
                  android:layout_width="0dp"
                  android:layout_height="wrap_content"
                  android:layout_marginBottom="14dp"
                  android:layout_marginTop="14dp"
                  android:layout_weight="1"
                  android:gravity="center_horizontal"
                  android:text="取消"
                  android:textColor="@android:color/holo_blue_light"
                  android:textSize="20sp"/>
        <View android:layout_width="1dp"
              android:layout_height="match_parent"
              android:background="@android:color/darker_gray"/>
        <TextView android:id="@+id/tv_today"
                  android:layout_width="0dp"
                  android:layout_height="wrap_content"
                  android:layout_marginBottom="14dp"
                  android:layout_marginTop="14dp"
                  android:layout_weight="1"
                  android:gravity="center_horizontal"
                  android:text="今天"
                  android:textColor="@android:color/holo_blue_light"
                  android:textSize="20sp"/>
        <View android:layout_width="1dp"
              android:layout_height="match_parent"
              android:background="@android:color/darker_gray"/>
        <TextView android:id="@+id/tv_yes"
                  android:layout_width="0dp"
                  android:layout_height="wrap_content"
                  android:layout_marginBottom="14dp"
                  android:layout_marginTop="14dp"
                  android:layout_weight="1"
                  android:gravity="center_horizontal"
                  android:text="确定"
                  android:textColor="@android:color/holo_blue_light"
                  android:textSize="20sp"/>
    </LinearLayout>
</LinearLayout>

有其他要求的小伙伴可以根据上面的代码进行修改

拿来用

1.添加依赖

project
build.gradle

allprojects {
repositories {
…
maven { url ‘https://jitpack.io’ }
}
}
module
build.gradle

dependencies {
compile ‘com.github.caixingcun:TimePicker:1.0’
}

使用

       TimePickDialog dialog = new TimePickDialog(mContext, "开始时间");
                dialog.requestWindowFeature(Window.FEATURE_NO_TITLE);
                dialog.show();
                dialog.setTimePickListener(new TimePickDialog.TimePickListener() {
                    @Override
                    public void choseTime(String time) {
                    //TODO 获取选择时间的回调
                        Toast.makeText(mContext, time, Toast.LENGTH_SHORT).show();
                    }
                });

github地址

https://github.com/caixingcun/TimePicker