customcalendar.png
最近項(xiàng)目有個(gè)日歷列表的需求聋涨，樣式如上所示浑塞，之前考慮過(guò)用MaterialCalendarView语婴，但是滑動(dòng)的時(shí)候不刷新年月title关筒，且MaterialCalendarView使用ViewPager等嵌套完成的溶握，這樣使用性能不太優(yōu)秀,且比較卡頓所以自定義了一個(gè)日歷控件
一.自定義日歷控件
**
* 作者：徐敏敏 on 2016/12/25 0025 17:47
* 郵箱：15067596185@163.com
* 自定義日歷控件
*/
public class CalendarScheduleView extends View {
// 畫(huà)筆
private Paint paint;
// 列數(shù)
private static final int NUMS_COLUMN = 7;
// 行數(shù)（星期一行加日期六行）
private static final int NUMS_ROW = 7;
// 周日到周六的顏色
private int mWeekColor = Color.parseColor("#8B8B8B");
// 本月日期的顏色
private int mMonthDateColor = Color.parseColor("#000000");
// 可選日期的背景顏色
private int mSelectableDayColor = Color.parseColor("#00bcbe");
// 星期字體大小
private int mWeekSize = 10;
// 日期字體大小
private int mDateSize = 10;
// 可選、選擇日期的圓圈半徑
private float mCircleR;
//當(dāng)前Date
private Date date;
// 當(dāng)前年
private int mCurrentYear;
// 當(dāng)前月
private int mCurrentMonth;
// 已記錄日期
private List<Date> mSelectableDates = new ArrayList<>();
// 7行7列（第一行沒(méi)有數(shù)據(jù)蒸播，為了計(jì)算位置方便睡榆，將星期那一行考慮進(jìn)去）
private int[][] days = new int[NUMS_ROW][NUMS_COLUMN];
// 列寬
private int mColumnWidth;
// 行高
private int mRowHeight;
// DisplayMetrics對(duì)象
private DisplayMetrics displayMetrics;
/**
* 構(gòu)造函數(shù)
*
* @param context
* @param attrs
* @description 初始化
*/
public CalendarScheduleView(Context context, AttributeSet attrs) {
super(context, attrs);
// 獲取DisplayMetrics實(shí)例
displayMetrics = getResources().getDisplayMetrics();
// 獲取日歷實(shí)例
Calendar calendar = Calendar.getInstance();
// new一個(gè)Paint實(shí)例(抗鋸齒)
paint = new Paint(Paint.ANTI_ALIAS_FLAG);
// 獲取當(dāng)前年份
mCurrentYear = calendar.get(Calendar.YEAR);
// 獲取當(dāng)前月份
mCurrentMonth = calendar.get(Calendar.MONTH);
this.date = new Date();
}
public void setCurrentDate(Date date) {
mCurrentYear = Integer.parseInt(TimeUtils.date2String(date, "yyyy"));
mCurrentMonth = Integer.parseInt(TimeUtils.date2String(date, "MM"));
this.date = date;
invalidate();
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
int widthSize = MeasureSpec.getSize(widthMeasureSpec);
int widthMode = MeasureSpec.getMode(widthMeasureSpec);
if (widthMode == MeasureSpec.AT_MOST) {
widthSize = displayMetrics.densityDpi * 100;
}
int heightSize = MeasureSpec.getSize(widthMeasureSpec);
int heightMode = MeasureSpec.getMode(widthMeasureSpec);
if (heightMode == MeasureSpec.AT_MOST) {
heightSize = displayMetrics.densityDpi * 120;
}
setMeasuredDimension(widthSize, heightSize);
}
@Override
protected void onDraw(Canvas canvas) {
// 計(jì)算每一列寬度
mColumnWidth = getWidth() / NUMS_COLUMN;
// 計(jì)算每一行高度
mRowHeight = getHeight() / NUMS_ROW;
// 繪制星期
drawDayOfWeekText(canvas);
// 繪制本月日期
drawDateText(canvas);
}
/**
* 繪制星期
*
* @param canvas
*/
private void drawDayOfWeekText(Canvas canvas) {
for (int dayOfWeek = 0; dayOfWeek < 7; dayOfWeek++) {
// 星期在第0行
int row = 0;
// 列數(shù)
int column = dayOfWeek;
// 填寫(xiě)星期
String day[] = {"日", "一", "二", "三", "四", "五", "六"};
// 設(shè)置字體大小
paint.setTextSize(mWeekSize * displayMetrics.scaledDensity);
// 設(shè)置畫(huà)筆顏色
paint.setColor(mWeekColor);
// 左邊坐標(biāo)（居中顯示）
int left = (int) (mColumnWidth * column + (mColumnWidth - paint.getTextSize()) / 2);
// 頂部坐標(biāo) (注意，豎直方向上是以baseline為基準(zhǔn)寫(xiě)字的袍榆，因此要 - (paint.ascent() + paint.descent()) / 2)
int top = (int) (mRowHeight * row + mRowHeight / 2 - (paint.ascent() + paint.descent()) / 2);
// 繪制文字
canvas.drawText(day[dayOfWeek] + "", left, top, paint);
}
}
/**
* 繪制本月日期(若有背景胀屿，需要先繪制背景，否則會(huì)覆蓋文字)
*
* @param canvas
*/
private void drawDateText(Canvas canvas) {
// 獲取日歷實(shí)例
Calendar calendar = Calendar.getInstance();
calendar.setTime(this.date);
// 獲取當(dāng)前月份天數(shù)
int daysOfMonth = calendar.getActualMaximum(Calendar.DATE);
// 獲取當(dāng)月第一天是一周中的第幾天（周日為第一天）
int firstDayOfWeekInMonth = TimeUtils.getWeekIndex(TimeUtils.string2Date(String.valueOf(mCurrentYear) + "-" + String.valueOf(mCurrentMonth) + "-01", "yyyy-MM-dd"));
// 寫(xiě)入文字
for (int date = 1; date <= daysOfMonth; date++) {
// 當(dāng)前日期所在行數(shù)（第一行為1：由于第一行顯示星期包雀，故日期行數(shù)加一）
int row = (date + firstDayOfWeekInMonth - 1 - 1) / 7 + 1;
// 當(dāng)前日期所在列數(shù)(第一列為0)
int column = (date + firstDayOfWeekInMonth - 1 - 1) % 7;
// 儲(chǔ)存日期信息
days[row][column] = date;
// 若是可選日期宿崭，繪制背景
for (Date day : mSelectableDates) {
calendar.setTime(day);
int i = calendar.get(Calendar.DAY_OF_MONTH);
if (i == date) {
drawSelectableBackground(canvas, row, column);
}
}
// 設(shè)置字體大小
paint.setTextSize(mDateSize * displayMetrics.scaledDensity);
// 設(shè)置畫(huà)筆顏色
paint.setColor(mMonthDateColor);
// 日期左邊坐標(biāo)（居中顯示）
int left = (int) (mColumnWidth * column + (mColumnWidth - paint.measureText(date + "")) / 2);
// 日期頂部坐標(biāo) (注意，豎直方向上是以baseline為基準(zhǔn)寫(xiě)字的才写，因此要 - (paint.ascent() + paint.descent()) / 2)
int top = (int) (mRowHeight * row + mRowHeight / 2 - (paint.ascent() + paint.descent()) / 2);
// 繪制文字
canvas.drawText(date + "", left, top, paint);
}
}
/**
* 繪制可選日期背景
*
* @param canvas
* @param row
* @param column
*/
private void drawSelectableBackground(Canvas canvas, int row, int column) {
Paint paint = new Paint();
// 畫(huà)筆顏色
paint.setColor(mSelectableDayColor);
paint.setAntiAlias(true); //消除鋸齒
paint.setStyle(Paint.Style.STROKE);//繪制空心圓或 空心矩形
paint.setStrokeWidth(2);
// 圓心位置
float cX = (float) (mColumnWidth * column + mColumnWidth / 2);
float cY = (float) (mRowHeight * row + mRowHeight / 2);
// 圓形半徑
mCircleR = (float) (mColumnWidth / 2 * 0.8);
// 繪制圓形背景
canvas.drawCircle(cX, cY, mCircleR, paint);
}
public int getmWeekColor() {
return mWeekColor;
}
public void setmWeekColor(int mWeekColor) {
this.mWeekColor = mWeekColor;
}
public int getmMonthDateColor() {
return mMonthDateColor;
}
public void setmMonthDateColor(int mMonthDateColor) {
this.mMonthDateColor = mMonthDateColor;
}
public int getmSelectableDayColor() {
return mSelectableDayColor;
}
public void setmSelectableDayColor(int mSelectableDayColor) {
this.mSelectableDayColor = mSelectableDayColor;
}
public int getmWeekSize() {
return mWeekSize;
}
public void setmWeekSize(int mWeekSize) {
this.mWeekSize = mWeekSize;
}
public int getmDateSize() {
return mDateSize;
}
public void setmDateSize(int mDateSize) {
this.mDateSize = mDateSize;
}
public float getmCircleR() {
return mCircleR;
}
public void setmCircleR(float mCircleR) {
this.mCircleR = mCircleR;
}
public List<Date> getmSelectableDates() {
return mSelectableDates;
}
public void setmSelectableDates(List<Date> mSelectableDates) {
this.mSelectableDates.clear();
this.mSelectableDates = mSelectableDates;
}
}
二.之前在滑動(dòng)中還是會(huì)遇到卡頓葡兑，發(fā)現(xiàn)是繪制特殊日期圓環(huán)造成的奴愉，檢查了很久代碼，才校驗(yàn)SimpleDateFormat轉(zhuǎn)化比Calendar轉(zhuǎn)換效率低得多铁孵，當(dāng)然幾次轉(zhuǎn)換是察覺(jué)不到卡頓的锭硼，但假如循環(huán)多次，肉眼就會(huì)察覺(jué)到明顯的卡頓蜕劝，即使設(shè)置滑動(dòng)不加載數(shù)據(jù)檀头，停止時(shí)還是需要好幾秒才繪制成功。
1.轉(zhuǎn)化2017-11-11這種類(lèi)型的日期文本使用SimpleDateFormat
2.獲取年或月或日還是用Calendar較好
