Android精美日历控件CalendarView自定义使用完全解析_android calendarview

• 设置背景色
• @param monthLayoutBackground 月份卡片的背景色
• @param weekBackground 星期栏背景色
• @param lineBg 线的颜色
  */
  public void setBackground(int monthLayoutBackground, int weekBackground, int lineBg)

/**

• 设置文本颜色
• @param curMonthTextColor 当前月份字体颜色
• @param otherMonthColor 其它月份字体颜色
• @param lunarTextColor 农历字体颜色
  */
  public void setTextColor(int curMonthTextColor,int otherMonthColor,int lunarTextColor)

/**

• 设置选择的效果
• @param style 选中的style CalendarCardView.STYLE_FILL or CalendarCardView.STYLE_STROKE
• @param selectedThemeColor 选中的标记颜色
• @param selectedTextColor 选中的字体颜色
  */
  public void setSelectedColor(int style, int selectedThemeColor, int selectedTextColor)

/**

• 设置标记的色
• @param style 标记的style CalendarCardView.STYLE_FILL or CalendarCardView.STYLE_STROKE
• @param schemeColor 标记背景色
• @param schemeTextColor 标记字体颜色
  */
  public void setSchemeColor(int style, int schemeColor, int schemeTextColor)

/**

• 设置背景色
• @param yearViewBackground 年份卡片的背景色
• @param weekBackground 星期栏背景色
• @param lineBg 线的颜色
  */
  public void setBackground(int yearViewBackground, int weekBackground, int lineBg)

这个控件的特别之处就是它的UI是可以交给客户端自由绘制的，因此可以自由发挥想象力，绘制你需要的日历效果UI

接下来介绍如何完全自定义日历，自定义日历需要同时自定义月视图和周视图，代码几乎一样，需要实现三个回调函数即可，如下：

onDrawSelected
onDrawScheme
onDrawText

/**

• 首先继承月视图，假如我们想实现高仿魅族的日历
  */

public class MeiZuMonthView extends MonthView {

/**

• 自定义魅族标记的文本画笔
  */
  private Paint mTextPaint = new Paint();

/**

• 自定义魅族标记的圆形背景
  */
  private Paint mSchemeBasicPaint = new Paint();
  private float mRadio;
  private int mPadding;
  private float mSchemeBaseLine;

public MeiZuMonthView(Context context) {
super(context);

mTextPaint.setTextSize(dipToPx(context, 8));
mTextPaint.setColor(0xffffffff);
mTextPaint.setAntiAlias(true);
mTextPaint.setFakeBoldText(true);

mSchemeBasicPaint.setAntiAlias(true);
mSchemeBasicPaint.setStyle(Paint.Style.FILL);
mSchemeBasicPaint.setTextAlign(Paint.Align.CENTER);
mSchemeBasicPaint.setFakeBoldText(true);
mRadio = dipToPx(getContext(), 7);
mPadding = dipToPx(getContext(), 4);
Paint.FontMetrics metrics = mSchemeBasicPaint.getFontMetrics();
mSchemeBaseLine = mRadio - metrics.descent + (metrics.bottom - metrics.top) / 2 + dipToPx(getContext(), 1);

}

/**

• 绘制选中的日子
• @param canvas canvas
• @param calendar 日历日历calendar
• @param x 日历Card x起点坐标
• @param y 日历Card y起点坐标
• @param hasScheme hasScheme 非标记的日期
• @return 返回true 则会继续绘制onDrawScheme，因为这里背景色不是是互斥的，所以返回true，返回false，则点击scheme标记的日子，则不继续绘制onDrawScheme，自行选择即可
  */
  @Override
  protected boolean onDrawSelected(Canvas canvas, Calendar calendar, int x, int y, boolean hasScheme) {
  mSelectedPaint.setStyle(Paint.Style.FILL);
  mSelectedPaint.setColor(0x80cfcfcf);
  canvas.drawRect(x + mPadding, y + mPadding, x + mItemWidth - mPadding, y + mItemHeight - mPadding, mSelectedPaint);
  return true;
  }

/**

• 绘制标记的事件日子
• @param canvas canvas
• @param calendar 日历calendar
• @param x 日历Card x起点坐标
• @param y 日历Card y起点坐标
  */
  @Override
  protected void onDrawScheme(Canvas canvas, Calendar calendar, int x, int y) {
  mSchemeBasicPaint.setColor(calendar.getSchemeColor());

canvas.drawCircle(x + mItemWidth - mPadding - mRadio / 2, y + mPadding + mRadio, mRadio, mSchemeBasicPaint);

canvas.drawText(calendar.getScheme(), x + mItemWidth - mPadding - mRadio, y + mPadding + mSchemeBaseLine, mTextPaint);
}

/**

• 绘制文本
• @param canvas canvas
• @param calendar 日历calendar
• @param x 日历Card x起点坐标
• @param y 日历Card y起点坐标
• @param hasScheme 是否是标记的日期
• @param isSelected 是否选中
  */
  @Override
  protected void onDrawText(Canvas canvas, Calendar calendar, int x, int y, boolean hasScheme, boolean isSelected) {
  int cx = x + mItemWidth / 2;
  int top = y - mItemHeight / 6;

if (isSelected) {//优先绘制选择的
canvas.drawText(String.valueOf(calendar.getDay()), cx, mTextBaseLine + top,
mSelectTextPaint);
canvas.drawText(calendar.getLunar(), cx, mTextBaseLine + y + mItemHeight / 10, mSelectedLunarTextPaint);
} else if (hasScheme) {//否则绘制具有标记的
canvas.drawText(String.valueOf(calendar.getDay()), cx, mTextBaseLine + top,
calendar.isCurrentMonth() ? mSchemeTextPaint : mOtherMonthTextPaint);

canvas.drawText(calendar.getLunar(), cx, mTextBaseLine + y + mItemHeight / 10, mCurMonthLunarTextPaint);
} else {//最好绘制普通文本
canvas.drawText(String.valueOf(calendar.getDay()), cx, mTextBaseLine + top,
calendar.isCurrentDay() ? mCurDayTextPaint :
calendar.isCurrentMonth() ? mCurMonthTextPaint : mOtherMonthTextPaint);
canvas.drawText(calendar.getLunar(), cx, mTextBaseLine + y + mItemHeight / 10,
calendar.isCurrentDay() ? mCurDayLunarTextPaint :
calendar.isCurrentMonth() ? mCurMonthLunarTextPaint : mOtherMonthLunarTextPaint);
}
}

/**

• dp转px
• @param context context
• @param dpValue dp
• @return px
  */
  private static int dipToPx(Context context, float dpValue) {
  final float scale = context.getResources().getDisplayMetrics().density;
  return (int) (dpValue * scale + 0.5f);
  }
  }

实现自定义周视图，周视图除了三个回调函数少了一个y参数，其它一样，因为周视图只有一行，所以可直接copy MonthView的代码，令y=0即可，如下

public class MeizuWeekView extends WeekView {
private Paint mTextPaint = new Paint();
private Paint mSchemeBasicPaint = new Paint();
private float mRadio;
private int mPadding;
private float mSchemeBaseLine;

public MeizuWeekView(Context context) {
super(context);

mTextPaint.setTextSize(dipToPx(context, 8));
mTextPaint.setColor(0xffffffff);
mTextPaint.setAntiAlias(true);
mTextPaint.setFakeBoldText(true);

mSchemeBasicPaint.setAntiAlias(true);
mSchemeBasicPaint.setStyle(Paint.Style.FILL);
mSchemeBasicPaint.setTextAlign(Paint.Align.CENTER);
mSchemeBasicPaint.setColor(0xffed5353);
mSchemeBasicPaint.setFakeBoldText(true);
mRadio = dipToPx(getContext(), 7);
mPadding = dipToPx(getContext(), 4);
Paint.FontMetrics metrics = mSchemeBasicPaint.getFontMetrics();
mSchemeBaseLine = mRadio - metrics.descent + (metrics.bottom - metrics.top) / 2 + dipToPx(getContext(), 1);

}

/**
*

• @param canvas canvas
• @param calendar 日历日历calendar
• @param x 日历Card x起点坐标
• @param hasScheme hasScheme 非标记的日期
• @return true 则绘制onDrawScheme，因为这里背景色不是是互斥的
  */
  @Override
  protected boolean onDrawSelected(Canvas canvas, Calendar calendar, int x, boolean hasScheme) {
  mSelectedPaint.setStyle(Paint.Style.FILL);
  mSelectedPaint.setColor(0x80cfcfcf);
  canvas.drawRect(x + mPadding, mPadding, x + mItemWidth - mPadding, mItemHeight - mPadding, mSelectedPaint);
  return true;
  }

@Override
protected void onDrawScheme(Canvas canvas, Calendar calendar, int x) {
mSchemeBasicPaint.setColor(calendar.getSchemeColor());

canvas.drawCircle(x + mItemWidth - mPadding - mRadio / 2, mPadding + mRadio, mRadio, mSchemeBasicPaint);

canvas.drawText(calendar.getScheme(), x + mItemWidth - mPadding - mRadio, mPadding + mSchemeBaseLine, mTextPaint);
}

@Override
protected void onDrawText(Canvas canvas, Calendar calendar, int x, boolean hasScheme, boolean isSelected) {
int cx = x + mItemWidth / 2;
int top = -mItemHeight / 6;

if (isSelected) {
canvas.drawText(String.valueOf(calendar.getDay()), cx, mTextBaseLine + top,
mSelectTextPaint);
canvas.drawText(calendar.getLunar(), cx, mTextBaseLine + mItemHeight / 10, mSelectedLunarTextPaint);
} else if (hasScheme) {
canvas.drawText(String.valueOf(calendar.getDay()), cx, mTextBaseLine + top,
calendar.isCurrentMonth() ? mSchemeTextPaint : mOtherMonthTextPaint);

canvas.drawText(calendar.getLunar(), cx, mTextBaseLine + mItemHeight / 10, mCurMonthLunarTextPaint);
} else {
canvas.drawText(String.valueOf(calendar.getDay()), cx, mTextBaseLine + top,
calendar.isCurrentDay() ? mCurDayTextPaint :
calendar.isCurrentMonth() ? mCurMonthTextPaint : mOtherMonthTextPaint);
canvas.drawText(calendar.getLunar(), cx, mTextBaseLine + mItemHeight / 10,
calendar.isCurrentDay() ? mCurDayLunarTextPaint :
calendar.isCurrentMonth() ? mCurMonthLunarTextPaint : mOtherMonthLunarTextPaint);
}
}

/**

• dp转px
• @param context context
• @param dpValue dp
• @return px
  */
  private static int dipToPx(Context context, float dpValue) {
  final float scale = context.getResources().getDisplayMetrics().density;
  return (int) (dpValue * scale + 0.5f);
  }
  }

最后通过CalendarView两个attr配置class路径即可，是不是很像自定义Behavior？

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级安卓工程师，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Android移动开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注Android）

最后

光有这些思路和搞懂单个知识的应用是还远远不够的，在Android开源框架设计思想中的知识点还是比较多的，想要搞懂还得学会整理和规划：我们常见的**Android热修复框架、插件化框架、组件化框架、图片加载框架、网络访问框架、RxJava响应式编程框架、IOC依赖注入框架、最近架构组件Jetpack等等Android第三方开源框架，**这些都是属于Android开源框架设计思想的。如下图所示：

这位阿里P8大佬针对以上知识点，熬夜整理出了一本长达1042页的完整版如何解读开源框架设计思想PDF文档，内容详细，把Android热修复框架、插件化框架、组件化框架、图片加载框架、网络访问框架、RxJava响应式编程框架、IOC依赖注入框架、最近架构组件Jetpack等等Android第三方开源框架这些知识点从源码分析到实战应用都讲的简单明了。

由于文档内容过多，篇幅受限，只能截图展示部分，更为了不影响阅读，这份文档已经打包在GitHub，有需要的朋友可以直接点此处前往免费下载。

整理不易，觉得有帮助的朋友可以帮忙点赞分享支持一下小编~

析到实战应用都讲的简单明了。**

由于文档内容过多，篇幅受限，只能截图展示部分，更为了不影响阅读，这份文档已经打包在GitHub，有需要的朋友可以直接点此处前往免费下载。

[外链图片转存中…(img-PIsZpif5-1710571210308)]

[外链图片转存中…(img-MXtEfqg5-1710571210308)]

整理不易，觉得有帮助的朋友可以帮忙点赞分享支持一下小编~

你的支持，我的动力；祝各位前程似锦，offer不断！！！