手记

Android开发实现自定义日历、日期选择控件

最近项目需要日历效果,考虑用第三方的反而不太适合设计需求,修改复杂,与其这样不入自己重新写一个干净的控件。虽不是什么牛逼控件,但是也需要我们能按照设计自己写出来。在此记录一下实现思路。

效果图:

实现思路
  • 头部是一个自定义组合控件;

  • 显示一周的日期部分用GridView 更加方便更新;

  • 切换月的部分是一个自定义PopupWindow;

  • GridView选中效果;

  • GridView根据手势GestureDetector监听左右滑动;

  • 核心其实还是Calendar类,根据这个类我们可以获取制定日期一周的日期集合、可以获取制定日期一月的日期集合等等;

  • 根据阳历日期获取阴历日期

使用
// xml布局引用<com.wzh.calendar.view.DataView
        android:id="@+id/week"
        android:layout_width="match_parent"
        android:background="@color/color_ffffff"
        android:layout_height="wrap_content">
</com.wzh.calendar.view.DataView>// 代码中,自定义回调监听选中的日期dataView = (DataView) findViewById(R.id.week);
dataView.setOnSelectListener(new DataView.OnSelectListener() {
            @Override            public void onSelected(DateEntity date) {
                info.setText("日期:"+ date.date+"\n"+                             "周几:"+ date.weekName+"\n"+                             "今日:"+ date.isToday+"\n"+                             "时间戳:"+ date.million+"\n");
                Log.e("wenzhiao--------------",date.toString());
            }
 });//需要传递此种格式的日期,不传默认是获取今日的日期dataView.getData("2017-04-19");
实现整体逻辑

回调的日期信息封装成一个实体类DateEntity:

public class DateEntity {    public long million ; //时间戳
    public String weekName ;  //周几
    public int weekNum ;  //一周中第几天,非中式
    public String date ; //日期
    public boolean isToday ;  //是否今天
    public String  day ;  //天
    public String luna ;  //阴历

    @Override
    public String toString() {        return "DateEntity{" +                "million=" + million +                ", weekName='" + weekName + '\'' +                ", weekNum=" + weekNum +                ", date='" + date + '\'' +                ", isToday=" + isToday +                ", day='" + day + '\'' +                ", luna='" + luna + '\'' +                '}';
    }
}

封装的日期获取的工具类:

package com.wzh.calendar.utils;import com.wzh.calendar.bean.DateEntity;import java.text.ParseException;import java.text.SimpleDateFormat;import java.util.ArrayList;import java.util.Calendar;import java.util.Date;public class DataUtils {    public static SimpleDateFormat dateFormat = new SimpleDateFormat("yyyy-MM-dd");    public static int selectPosition =-1;    public static int getSelectPosition() {        return selectPosition;
    }    /**
     *
     * 获取当前日期一周的日期
     * @param date
     * @return
     */
    public static ArrayList<DateEntity> getWeek(String date){
        ArrayList<DateEntity> result = new ArrayList<>();
        Calendar cal =Calendar.getInstance();        try {
            cal.setTime(dateFormat.parse(date));
        } catch (ParseException e) {            // TODO Auto-generated catch block
            e.printStackTrace();
        }
        cal.set(Calendar.DAY_OF_WEEK, Calendar.SUNDAY); //获取本周一的日期
        for (int i = 0; i < 7; i++) {
            DateEntity entity = new DateEntity();
            entity.date = getValue(cal.get(cal.YEAR))+"-"+getValue(cal.get(cal.MONTH)+1)+"-"+getValue(cal.get(cal.DATE));
            entity.million = cal.getTimeInMillis() ;
            entity.day = getValue(cal.get(cal.DATE));
            entity.weekNum = cal.get(Calendar.DAY_OF_WEEK);
            entity.weekName = getWeekName(entity.weekNum);
            entity.isToday = isToday(entity.date);
            cal.add(Calendar.DATE, 1);
            result.add(entity);
        }        return  result ;

    }    /**
     * 获取当前日期一月的日期
     * @param date
     * @return
     */
    public static ArrayList<DateEntity> getMonth(String date){
        ArrayList<DateEntity> result = new ArrayList<>();
        Calendar cal =Calendar.getInstance();        try {
            cal.setTime( new SimpleDateFormat("yyyy-MM").parse(date));
        } catch (ParseException e) {            // TODO Auto-generated catch block
            e.printStackTrace();
        }        int max = cal.getActualMaximum(Calendar.DAY_OF_MONTH);        for (int i = 1; i <=max; i++) {
            DateEntity entity = new DateEntity();
            entity.date = getValue(cal.get(cal.YEAR))+"-"+getValue(cal.get(cal.MONTH)+1)+"-"+getValue(cal.get(cal.DATE));
            entity.million = cal.getTimeInMillis() ;
            entity.weekNum = cal.get(Calendar.DAY_OF_WEEK);
            entity.day = getValue(cal.get(cal.DATE));
            entity.weekName = getWeekName(entity.weekNum);
            entity.isToday = isToday(entity.date);
            entity.luna = getLuna(entity.date);
            cal.add(Calendar.DATE, 1);
            result.add(entity);
        }        //为了用空的值填补第一个之前的日期
        //先获取在本周内是周几
        int weekNum  = result.get(0).weekNum -1 ;        for (int j = 0 ;j<weekNum;j++){
            DateEntity entity = new DateEntity();
            result.add(0,entity);
        }        for (int i = 0; i <result.size(); i++) {             if (date.equals(result.get(i).date)){
                 selectPosition = i ;
             }
        }        return  result ;

    }    /**
     * 根据美式周末到周一 返回
     * @param weekNum
     * @return
     */
    private static String getWeekName(int weekNum) {
        String name = "" ;        switch (weekNum) {            case 1:
                name = "星期日";                break;            case 2:
                name = "星期一";                break;            case 3:
                name = "星期二";                break;            case 4:
                name = "星期三";                break;            case 5:
                name = "星期四";                break;            case 6:
                name = "星期五";                break;            case 7:
                name = "星期六";                break;            default:                break;
        }        return name;
    }    /**
     * 是否是今天
     * @param sdate
     * @return
     */
    public static boolean isToday(String sdate){        boolean b = false;
        Date time = null ;        try {
            time = dateFormat.parse(sdate);
        } catch (ParseException e) {            // TODO Auto-generated catch block
            e.printStackTrace();
        }
        Date today = new Date();        if(time != null){
            String nowDate = dateFormater.get().format(today);
            String timeDate = dateFormater.get().format(time);            if(nowDate.equals(timeDate)){
                b = true;
            }
        }        return b;
    }    /**
     * 个位数补0操作
     * @param num
     * @return
     */
    public static String getValue(int num){        return String.valueOf(num>9?num:("0"+num));
    }    private final static ThreadLocal<SimpleDateFormat> dateFormater = new ThreadLocal<SimpleDateFormat>() {        @Override
        protected SimpleDateFormat initialValue() {            return new SimpleDateFormat("yyyy-MM-dd");
        }
    };    /**
     * 获取系统当前日期
     */
    public static String getCurrDate(String format) {
        SimpleDateFormat formatter = new SimpleDateFormat(format);
        Date curDate = new Date(System.currentTimeMillis());//获取当前时间
        String str = formatter.format(curDate);        return str;
    }    /**
     * 格式化日期
     */
    public static String formatDate(String date ,String format) {
        SimpleDateFormat formatter = new SimpleDateFormat(format);
        Date curDate = null;//获取当前时间
        try {
            curDate = formatter.parse(date);
        } catch (ParseException e) {
            e.printStackTrace();
        }
        String str = formatter.format(curDate);        return str;
    }    /**
     *  切换周的时候用
     * 获取前/后 几天的一个日期
     * @param currentData
     * @param dayNum
     * @return
     */
    public static String getSomeDays(String currentData,int dayNum){
        Calendar c = Calendar.getInstance();        //过去七天
        try {
            c.setTime(DataUtils.dateFormat.parse(currentData));
        } catch (ParseException e) {
            e.printStackTrace();
        }
        c.add(Calendar.DATE, dayNum);
        Date d = c.getTime();
        String day = DataUtils.dateFormat.format(d);        return day ;
    }    /**
     * 获取前/后 几个月的一个日期  切换月的时候用
     * @param currentData
     * @param monthNum
     * @return
     */
    public static String getSomeMonthDay(String currentData,int monthNum){
        Calendar c = Calendar.getInstance();        try {
            c.setTime(new SimpleDateFormat("yyyy-MM").parse(currentData));
        } catch (ParseException e) {
            e.printStackTrace();
        }
        c.set(Calendar.MONTH, c.get(Calendar.MONTH) +monthNum);
        Date day =  c.getTime();        return   new SimpleDateFormat("yyyy-MM-dd").format(day);
    }    /**
     * 获取阴历
     * @param date
     * @return
     */
    public static  String getLuna(String date){
        Calendar today = Calendar.getInstance();        try {
            today.setTime(Lunar.chineseDateFormat.parse(date));
        } catch (ParseException e) {
            e.printStackTrace();
        }        return new Lunar(today).toString() ;
    }
}

这里有个地方需要注意一下,因为我们一个月第一天是周几不确定,显示GridView的时候第一天的position也不确定,但是我们可以根据前面少了几天再添加上空对象即可:

//为了用空的值填补第一个之前的日期//先获取在本周内是周几int weekNum  = result.get(0).weekNum -1 ;for (int j = 0 ;j<weekNum;j++){
       DateEntity entity = new DateEntity();
       result.add(0,entity);
}

还有一个获取阴历日期的工具类,比较复杂,所以直接从网上找了一个,这里就不贴了。

剩下的就是去写布局、自定义PopupWindow了,这些应该是没什么难度吧。关于GridView选中,原理就是在Adapter里面设置一个选中方法:

private int selectedPosition = -1;// 选中的位置public void setSelectedPosition(int position) {
        selectedPosition = position;
        notifyDataSetChanged();
}
...
在Adapter的getView(int position, View convertView, ViewGroup parent) 
方法去判断 position是否和selectedPosition 是否相等,相等就表示选中了,可以修改背景、字体颜色等等
...
当然在用到Adapter的地方也要调用setSelectedPosition方法

具体怎么使用可以参考里面的代码。

关于GrdiView左右滑动的判断(关键代码片段):

private GestureDetector gestureDetector;//初始化gestureDetector = new GestureDetector(context,onGestureListener);/**
 * 手势监听是否是左右滑动,这里认为滑动距离超过100就算左右滑动
 */private GestureDetector.OnGestureListener onGestureListener =        new GestureDetector.SimpleOnGestureListener() {            @Override
            public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,                                   float velocityY) {                float x = e2.getX() - e1.getX();                float y = e2.getY() - e1.getY();                if (x > 100) {
                    doResult(RIGHT);
                } else if (x < -100) {
                    doResult(LEFT);
                }                return true;
            }
        };public void doResult(int action) {    switch (action) {        case RIGHT:
            date = DataUtils.getSomeMonthDay(date,-1);
            adapter.setData(DataUtils.getMonth(date));
            adapter.setDateString(date);
            adapter.setSelectedPosition(DataUtils.getSelectPosition());
            currentDateTv.setText("当前月份:"+DataUtils.formatDate(date,"yyyy-MM"));
            Log.e("wenzihao","go right");            break;        case LEFT:
            date = DataUtils.getSomeMonthDay(date,+1);
            adapter.setData(DataUtils.getMonth(date));
            adapter.setDateString(date);
            adapter.setSelectedPosition(DataUtils.getSelectPosition());
            currentDateTv.setText("当前月份:"+DataUtils.formatDate(date,"yyyy-MM"));
            Log.e("wenzihao","go left");            break;
    }
}
...设置手势给gridview
gridView.setOnTouchListener(new View.OnTouchListener() {        @Override
        public boolean onTouch(View view, MotionEvent event) {            return gestureDetector.onTouchEvent(event);
        }
});

最后就是点击PopupWindow的时候自定义回调方法把选中日期带过去即可。

好了,其他的代码也不贴了,关键点就那么点,没啥太大难度,感觉主要还是考验大家的基本功吧。

这么一个自定义日历控件就写好了,是不是很简单感觉,希望能够对大家有启发和帮助,可以灵活自定义出设计产品需要的各种控件。

最后附上项目地址:https://github.com/wenzhihao123/Android-CalendarView-master

原文链接:http://www.apkbus.com/blog-947568-77170.html

0人推荐
随时随地看视频
慕课网APP