Android自定义控件之日历控件

三月份学习android，至今也有半年有余，中间也做过两个项目，但是依然感觉自己做的应用不是很有新意，比不上应用市场上那些应用如此绚丽。所以自己仍需继续努力。学习至今，仍感觉自定义控件是一块硬骨头，还没修炼到身后的内功，下面就切入正题，以一次项目的需求，来实现一个自定义的日历控件。效果图先来一发。

我们分析下效果图，然后确定我们的需求。
（1）、绘制星期的自定义View，用于标识日期的礼拜。
（2）、绘制日期的自定义View。
（3）、绘制事务圆圈，从效果图中我们以红圈标识今日有事务。
（4）、绘制选中日期的颜色。
（5）、对选中日期进行点击事件的处理。

通过对效果图的分析，得出了我们的需求，我们在仔细分析效果图，发现里面就是绘制文字和绘制线条，所以我们只要回Canvas的这两个功能即可，主要的难点是如何将这些日期进行位置的安排，接下来我们就来逐个分析如何实现一个自定义View。

实现Week的自定义View

效果图

分析下效果图，我们需要绘制上下两条线、然后绘制描述文字（日、一、二、三、四、五、六）。下面就讲解下我们的实现。先看着部分的源码，然后在分开讲解。

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 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123

public class WeekDayView extends View { //上横线颜色 private int mTopLineColor = Color.parseColor( "#CCE4F2" ); //下横线颜色 private int mBottomLineColor = Color.parseColor( "#CCE4F2" ); //周一到周五的颜色 private int mWeedayColor = Color.parseColor( "#1FC2F3" ); //周六、周日的颜色 private int mWeekendColor = Color.parseColor( "#fa4451" ); //线的宽度 private int mStrokeWidth = 4 ; private int mWeekSize = 14 ; private Paint paint; private DisplayMetrics mDisplayMetrics; private String[] weekString = new String[]{ "日" , "一" , "二" , "三" , "四" , "五" , "六" }; public WeekDayView(Context context, AttributeSet attrs) { super (context, attrs); mDisplayMetrics = getResources().getDisplayMetrics(); paint = new Paint(); } @Override protected void onMeasure( int widthMeasureSpec, int heightMeasureSpec) { int widthSize = MeasureSpec.getSize(widthMeasureSpec); int widthMode = MeasureSpec.getMode(widthMeasureSpec); int heightSize = MeasureSpec.getSize(heightMeasureSpec); int heightMode = MeasureSpec.getMode(heightMeasureSpec); if (heightMode == MeasureSpec.AT_MOST){ heightSize = mDisplayMetrics.densityDpi * 30 ; } if (widthMode == MeasureSpec.AT_MOST){ widthSize = mDisplayMetrics.densityDpi * 300 ; } setMeasuredDimension(widthSize, heightSize); } @Override protected void onDraw(Canvas canvas) { int width = getWidth(); int height = getHeight(); //进行画上下线 paint.setStyle(Style.STROKE); paint.setColor(mTopLineColor); paint.setStrokeWidth(mStrokeWidth); canvas.drawLine( 0 , 0 , width, 0 , paint); //画下横线 paint.setColor(mBottomLineColor); canvas.drawLine( 0 , height, width, height, paint);