android自定义日历并添加事件

来源：互联网发布：毕业摄影的数据编辑：程序博客网时间：2024/06/08 16:45

前几天闲来无事，变想做一些小工具玩玩。花了一天多的时间，弄出一个简单日历的View。分为月份模式和星期模式。滚动查看，先上图看看：

上面的是显示的是月份的模式。下面是星期的模式：

CalendarView是一个自定义View,然后通过Viewpager的OnpageChangeListener进行刷新View的数据。Viewpager通过轮回使用View。我默认设置是5个。可以左右无限切换。后面因为我在ViewPager下面加了一个slidingDrawer。打开抽屉就可以直接切换成week的模式。为了使Adapter和OnPageChangeListener两个类可以和CalendarView减少耦合，我增加了一个CalendarViewBuilder类。

CalendarView：

[java] view plaincopy
package com.example.calendar.widget;  
  
import com.example.caledar.util.DateUtil;  
import com.example.calendar.doim.CustomDate;  
  
import android.content.Context;  
import android.graphics.Canvas;  
import android.graphics.Color;  
import android.graphics.Paint;  
import android.util.AttributeSet;  
import android.util.Log;  
import android.view.MotionEvent;  
import android.view.View;  
import android.view.ViewConfiguration;  
  
public class CalendarView extends View {  
  
    private static final String TAG = "CalendarView";  
    /** 
     * 两种模式 （月份和星期） 
     */  
    public static final int MONTH_STYLE = 0;  
    public static final int WEEK_STYLE = 1;  
  
    private static final int TOTAL_COL = 7;  
    private static final int TOTAL_ROW = 6;  
  
    private Paint mCirclePaint;  
    private Paint mTextPaint;  
    private int mViewWidth;  
    private int mViewHight;  
    private int mCellSpace;  
    private Row rows[] = new Row[TOTAL_ROW];  
    private static CustomDate mShowDate;//自定义的日期  包括year month day  
    public static int style = MONTH_STYLE;  
    private static final int WEEK = 7;  
    private CallBack mCallBack;//回调  
    private int touchSlop;  
    private boolean callBackCellSpace;  
  
    public interface CallBack {  
  
        void clickDate(CustomDate date);//回调点击的日期  
  
        void onMesureCellHeight(int cellSpace);//回调cell的高度确定slidingDrawer高度  
  
        void changeDate(CustomDate date);//回调滑动viewPager改变的日期  
    }  
  
    public CalendarView(Context context, AttributeSet attrs, int defStyle) {  
        super(context, attrs, defStyle);  
        init(context);  
  
    }  
  
    public CalendarView(Context context, AttributeSet attrs) {  
        super(context, attrs);  
        init(context);  
  
    }  
  
    public CalendarView(Context context) {  
        super(context);  
        init(context);  
    }  
  
    public CalendarView(Context context, int style, CallBack mCallBack) {  
        super(context);  
        CalendarView.style = style;  
        this.mCallBack = mCallBack;  
        init(context);  
    }  
  
    @Override  
    protected void onDraw(Canvas canvas) {  
        super.onDraw(canvas);  
        for (int i = 0; i < TOTAL_ROW; i++) {  
            if (rows[i] != null)  
                rows[i].drawCells(canvas);  
        }  
    }  
  
    private void init(Context context) {  
        mTextPaint = new Paint(Paint.ANTI_ALIAS_FLAG);  
        mCirclePaint = new Paint(Paint.ANTI_ALIAS_FLAG);  
        mCirclePaint.setStyle(Paint.Style.FILL);  
        mCirclePaint.setColor(Color.parseColor("#F24949"));  
        touchSlop = ViewConfiguration.get(context).getScaledTouchSlop();  
        initDate();  
  
    }  
  
    private void initDate() {  
        if (style == MONTH_STYLE) {  
            mShowDate = new CustomDate();  
        } else if(style == WEEK_STYLE ) {  
            mShowDate = DateUtil.getNextSunday();  
        }  
        fillDate();  
    }  
  
    @Override  
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {  
        super.onSizeChanged(w, h, oldw, oldh);  
        mViewWidth = w;  
        mViewHight = h;  
        mCellSpace = Math.min(mViewHight / TOTAL_ROW, mViewWidth / TOTAL_COL);  
        if (!callBackCellSpace) {  
            mCallBack.onMesureCellHeight(mCellSpace);  
            callBackCellSpace = true;  
        }  
        mTextPaint.setTextSize(mCellSpace / 3);  
    }  
  
    private Cell mClickCell;  
    private float mDownX;  
    private float mDownY;  
/* 
 *  
 * 触摸事件为了确定点击的位置日期 
 */  
    @Override  
    public boolean onTouchEvent(MotionEvent event) {  
        switch (event.getAction()) {  
        case MotionEvent.ACTION_DOWN:  
            mDownX = event.getX();  
            mDownY = event.getY();  
            break;  
        case MotionEvent.ACTION_UP:  
            float disX = event.getX() - mDownX;  
            float disY = event.getY() - mDownY;  
            if (Math.abs(disX) < touchSlop && Math.abs(disY) < touchSlop) {  
                int col = (int) (mDownX / mCellSpace);  
                int row = (int) (mDownY / mCellSpace);  
                measureClickCell(col, row);  
            }  
            break;  
        }  
        return true;  
    }  
  
    private void measureClickCell(int col, int row) {  
        if (col >= TOTAL_COL || row >= TOTAL_ROW)  
            return;  
        if (mClickCell != null) {  
            rows[mClickCell.j].cells[mClickCell.i] = mClickCell;  
        }  
        if (rows[row] != null) {  
            mClickCell = new Cell(rows[row].cells[col].date,  
                    rows[row].cells[col].state, rows[row].cells[col].i,  
                    rows[row].cells[col].j);  
            rows[row].cells[col].state = State.CLICK_DAY;  
            CustomDate date = rows[row].cells[col].date;  
            date.week = col;  
            mCallBack.clickDate(date);  
            invalidate();  
        }  
    }  
  
    // 组  
    class Row {  
        public int j;  
  
        Row(int j) {  
            this.j = j;  
        }  
  
        public Cell[] cells = new Cell[TOTAL_COL];  
  
        public void drawCells(Canvas canvas) {  
            for (int i = 0; i < cells.length; i++) {  
                if (cells[i] != null)  
                    cells[i].drawSelf(canvas);  
            }  
  
        }  
    }  
  
    // 单元格  
    class Cell {  
        public CustomDate date;  
        public State state;  
        public int i;  
        public int j;  
  
        public Cell(CustomDate date, State state, int i, int j) {  
            super();  
            this.date = date;  
            this.state = state;  
            this.i = i;  
            this.j = j;  
        }  
  
  
        // 绘制一个单元格 如果颜色需要自定义可以修改  
        public void drawSelf(Canvas canvas) {  
            switch (state) {  
            case CURRENT_MONTH_DAY:  
                mTextPaint.setColor(Color.parseColor("#80000000"));  
                break;  
            case NEXT_MONTH_DAY:  
            case PAST_MONTH_DAY:  
                mTextPaint.setColor(Color.parseColor("#40000000"));  
                break;  
            case TODAY:  
                mTextPaint.setColor(Color.parseColor("#F24949"));  
                break;  
            case CLICK_DAY:  
                mTextPaint.setColor(Color.parseColor("#fffffe"));  
                canvas.drawCircle((float) (mCellSpace * (i + 0.5)),  
                        (float) ((j + 0.5) * mCellSpace), mCellSpace / 2,  
                        mCirclePaint);  
                break;  
            }  
            // 绘制文字  
            String content = date.day+"";  
            canvas.drawText(content,  
                    (float) ((i+0.5) * mCellSpace - mTextPaint.measureText(content)/2),  
                    (float) ((j + 0.7) * mCellSpace - mTextPaint.measureText(  
                            content, 0, 1) / 2), mTextPaint);  
        }  
    }  
/** 
 *  
 * @author huang 
 * cell的state 
 *当前月日期，过去的月的日期，下个月的日期，今天，点击的日期 
 * 
 */  
    enum State {  
        CURRENT_MONTH_DAY, PAST_MONTH_DAY, NEXT_MONTH_DAY, TODAY, CLICK_DAY;  
    }  
  
    /** 
     * 填充日期的数据 
     */  
    private void fillDate() {  
        if (style == MONTH_STYLE) {  
            fillMonthDate();  
        } else if(style == WEEK_STYLE) {  
            fillWeekDate();  
        }  
        mCallBack.changeDate(mShowDate);  
    }  
  
    /** 
     * 填充星期模式下的数据 默认通过当前日期得到所在星期天的日期，然后依次填充日期 
     */  
    private void fillWeekDate() {  
        int lastMonthDays = DateUtil.getMonthDays(mShowDate.year, mShowDate.month-1);  
        rows[0] = new Row(0);  
        int day = mShowDate.day;  
        for (int i = TOTAL_COL -1; i >= 0 ; i--) {  
            day -= 1;  
            if (day < 1) {  
                day = lastMonthDays;  
            }  
            CustomDate date = CustomDate.modifiDayForObject(mShowDate, day);  
            if (DateUtil.isToday(date)) {  
                mClickCell = new Cell(date, State.TODAY, i, 0);  
                date.week = i;  
                mCallBack.clickDate(date);  
                rows[0].cells[i] =  new Cell(date, State.CLICK_DAY, i, 0);  
                continue;  
            }  
            rows[0].cells[i] = new Cell(date, State.CURRENT_MONTH_DAY,i, 0);  
        }  
    }  
  
    /** 
     * 填充月份模式下数据 通过getWeekDayFromDate得到一个月第一天是星期几就可以算出所有的日期的位置 然后依次填充 
     * 这里最好重构一下 
     */  
    private void fillMonthDate() {  
        int monthDay = DateUtil.getCurrentMonthDay();  
        int lastMonthDays = DateUtil.getMonthDays(mShowDate.year, mShowDate.month - 1);  
        int currentMonthDays = DateUtil.getMonthDays(mShowDate.year, mShowDate.month);  
        int firstDayWeek = DateUtil.getWeekDayFromDate(mShowDate.year, mShowDate.month);  
        boolean isCurrentMonth = false;  
        if (DateUtil.isCurrentMonth(mShowDate)) {  
            isCurrentMonth = true;  
        }  
        int day = 0;  
        for (int j = 0; j < TOTAL_ROW; j++) {  
            rows[j] = new Row(j);  
            for (int i = 0; i < TOTAL_COL; i++) {  
                int postion = i + j * TOTAL_COL;  
                if (postion >= firstDayWeek  
                        && postion < firstDayWeek + currentMonthDays) {  
                    day++;  
                    if (isCurrentMonth && day == monthDay) {  
                        CustomDate date = CustomDate.modifiDayForObject(mShowDate, day);  
                        mClickCell = new Cell(date,State.TODAY, i,j);  
                        date.week = i;  
                        mCallBack.clickDate(date);  
                        rows[j].cells[i] = new Cell(date,State.CLICK_DAY, i,j);  
                        continue;  
                    }  
                    rows[j].cells[i] = new Cell(CustomDate.modifiDayForObject(mShowDate, day),  
                            State.CURRENT_MONTH_DAY, i, j);  
                } else if (postion < firstDayWeek) {  
                    rows[j].cells[i] = new Cell(new CustomDate(mShowDate.year, mShowDate.month-1, lastMonthDays - (firstDayWeek- postion - 1)), State.PAST_MONTH_DAY, i, j);  
                } else if (postion >= firstDayWeek + currentMonthDays) {  
                    rows[j].cells[i] = new Cell((new CustomDate(mShowDate.year, mShowDate.month+1, postion - firstDayWeek - currentMonthDays + 1)), State.NEXT_MONTH_DAY, i, j);  
                }  
            }  
        }  
    }  
  
    public void update() {  
        fillDate();  
        invalidate();  
    }  
      
    public void backToday(){  
        initDate();  
        invalidate();  
    }  
    //切换style  
    public void switchStyle(int style) {  
        CalendarView.style = style;  
        if (style == MONTH_STYLE) {  
            update();  
        } else if (style == WEEK_STYLE) {  
            int firstDayWeek = DateUtil.getWeekDayFromDate(mShowDate.year,  
                    mShowDate.month);  
            int day =  1 + WEEK - firstDayWeek;  
            mShowDate.day = day;  
              
            update();  
        }  
          
    }  
//向右滑动  
    public void rightSilde() {  
        if (style == MONTH_STYLE) {  
              
            if (mShowDate.month == 12) {  
                mShowDate.month = 1;  
                mShowDate.year += 1;  
            } else {  
                mShowDate.month += 1;  
            }  
              
        } else if (style == WEEK_STYLE) {  
            int currentMonthDays = DateUtil.getMonthDays(mShowDate.year, mShowDate.month);  
            if (mShowDate.day + WEEK > currentMonthDays) {  
                if (mShowDate.month == 12) {  
                    mShowDate.month = 1;  
                    mShowDate.year += 1;  
                } else {  
                    mShowDate.month += 1;  
                }  
                mShowDate.day = WEEK - currentMonthDays + mShowDate.day;      
            }else{  
                mShowDate.day += WEEK;  
              
            }  
        }  
        update();  
    }  
//向左滑动  
    public void leftSilde() {  
          
        if (style == MONTH_STYLE) {  
            if (mShowDate.month == 1) {  
                mShowDate.month = 12;  
                mShowDate.year -= 1;  
            } else {  
                mShowDate.month -= 1;  
            }  
              
        } else if (style == WEEK_STYLE) {  
            int lastMonthDays = DateUtil.getMonthDays(mShowDate.year, mShowDate.month);  
            if (mShowDate.day - WEEK < 1) {  
                if (mShowDate.month == 1) {  
                    mShowDate.month = 12;  
                    mShowDate.year -= 1;  
                } else {  
                    mShowDate.month -= 1;  
                }  
                mShowDate.day = lastMonthDays - WEEK + mShowDate.day;  
                  
            }else{  
                mShowDate.day -= WEEK;  
            }  
            Log.i(TAG, "leftSilde"+mShowDate.toString());  
        }  
        update();  
    }  
}  

CalendarViewBuilder：

[java] view plaincopy
package com.example.calendar.doim;  
  
import android.content.Context;  
  
import com.example.calendar.widget.CalendarView;  
import com.example.calendar.widget.CalendarView.CallBack;  
/** 
 * CalendarView的辅助类 
 * @author huang 
 * 
 */  
public class CalendarViewBuilder {  
        private CalendarView[] calendarViews;  
        /** 
         * 生产多个CalendarView 
         * @param context 
         * @param count 
         * @param style 
         * @param callBack 
         * @return 
         */  
        public  CalendarView[] createMassCalendarViews(Context context,int count,int style,CallBack callBack){  
            calendarViews = new CalendarView[count];  
            for(int i = 0; i < count;i++){  
                calendarViews[i] = new CalendarView(context, style,callBack);  
            }  
            return calendarViews;  
        }  
          
        public  CalendarView[] createMassCalendarViews(Context context,int count,CallBack callBack){  
              
            return createMassCalendarViews(context, count, CalendarView.MONTH_STYLE,callBack);  
        }  
        /** 
         * 切换CandlendarView的样式 
         * @param style 
         */  
        public void swtichCalendarViewsStyle(int style){  
            if(calendarViews != null)  
            for(int i = 0 ;i < calendarViews.length;i++){  
                calendarViews[i].switchStyle(style);  
            }  
        }  
        /** 
         * CandlendarView回到当前日期 
         */  
          
        public void backTodayCalendarViews(){  
            if(calendarViews != null)  
            for(int i = 0 ;i < calendarViews.length;i++){  
                calendarViews[i].backToday();  
            }  
        }  
}  

为了Viewpager可以双向无限滑动，我重写了ViewPagerAdapter。

CustomViewPagerAdapter：

[java] view plaincopy
package com.example.calendar.widget;  
  
import android.os.Parcelable;  
import android.support.v4.view.PagerAdapter;  
import android.support.v4.view.ViewPager;  
import android.view.View;  
  
public class CustomViewPagerAdapter<V extends View> extends PagerAdapter {  
      
    private V[] views;  
  
      
    public CustomViewPagerAdapter(V[] views) {  
        super();  
        this.views = views;  
    }  
  
    @Override  
    public void finishUpdate(View arg0) {  
    }  
  
    @Override  
    public void notifyDataSetChanged() {  
        super.notifyDataSetChanged();  
    }  
  
    @Override  
    public int getCount() {  
        return Integer.MAX_VALUE;  
    }  
  
    @Override  
    public Object instantiateItem(View arg0, int arg1) {  
        if (((ViewPager) arg0).getChildCount() == views.length) {  
            ((ViewPager) arg0).removeView(views[arg1 % views.length]);  
        }  
        ((ViewPager) arg0).addView(views[arg1 % views.length], 0);  
  
        return views[arg1 % views.length];  
    }  
  
    @Override  
    public boolean isViewFromObject(View arg0, Object arg1) {  
        return arg0 == (arg1);  
    }  
  
    @Override  
    public Parcelable saveState() {  
        return null;  
    }  
  
    @Override  
    public void destroyItem(View arg0, int arg1, Object arg2) {  
        // TODO Auto-generated method stub  
  
    }  
  
    @Override  
    public void startUpdate(View arg0) {  
    }  
  
      
    public V[] getAllItems() {  
        return views;  
    }  
}  

然后为了实现对CalendarView的滑动时的数据更新，我重写了OnPageChangeListener的方法。这个类还是有一定的耦合，但是如果是项目中大量使用ViewPager。可以增加泛型进行复用。

CalendarViewPagerLisenter：

[java] view plaincopy
package com.example.calendar.widget;  
  
import android.support.v4.view.ViewPager.OnPageChangeListener;  
  
public class CalendarViewPagerLisenter implements OnPageChangeListener {  
  
    private SildeDirection mDirection = SildeDirection.NO_SILDE;  
    int mCurrIndex = 498;  
    private CalendarView[] mShowViews;  
  
    public CalendarViewPagerLisenter(CustomViewPagerAdapter<CalendarView> viewAdapter) {  
        super();  
        this.mShowViews = viewAdapter.getAllItems();  
    }  
  
    @Override  
    public void onPageSelected(int arg0) {  
        measureDirection(arg0);  
        updateCalendarView(arg0);  
    }  
  
    private void updateCalendarView(int arg0) {  
        if(mDirection == SildeDirection.RIGHT){  
            mShowViews[arg0 % mShowViews.length].rightSilde();  
        }else if(mDirection == SildeDirection.LEFT){  
            mShowViews[arg0 % mShowViews.length].leftSilde();  
        }  
        mDirection = SildeDirection.NO_SILDE;  
    }  
  
      
    /** 
     * 判断滑动方向 
     * @param arg0 
     */  
    private void measureDirection(int arg0) {  
  
        if (arg0 > mCurrIndex) {  
            mDirection = SildeDirection.RIGHT;  
  
        } else if (arg0 < mCurrIndex) {  
            mDirection = SildeDirection.LEFT;  
        }  
        mCurrIndex = arg0;  
    }  
  
    @Override  
    public void onPageScrolled(int arg0, float arg1, int arg2) {  
    }  
  
    @Override  
    public void onPageScrollStateChanged(int arg0) {  
    }  
  
  
  
    enum SildeDirection {  
        RIGHT, LEFT, NO_SILDE;  
    }  
}  

这是个简单的demo，但是我把他封装起来，直接调用就可以了。如果有需要的同学，可以直接下载就可以了。已经修改版：支持日期点击事件。最后这个页面功能没有实现。

在这个小demo中我遇到一些问题和思考：

1.如何尽量的减少类之间耦合和增加类内聚。

2.如何使代码易读，好多方法extract Method出来比较烦，涉及参数太多。

3.检查错误。因为少了一个break的原因，我debug了半个小时。（一开始就debug到了，不相信咋会调用这个方法）。

4.如何平衡为了减少new对象使用一些int,还是为了以后增加功能增加一些对象的产生。

5.感觉这只是个demo的命名就感觉很随意，没有约束。

转载网址：http://blog.csdn.net/huangyanbin123/article/details/38350213

0 0