一个自定义时间选择器

来源：互联网发布：qq音乐三巨头知乎编辑：程序博客网时间：2024/09/21 06:19

效果

这里写图片描述

原因

产品设计为该样式
试着使用系统的进行拼接 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

阅读全文

0 0