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

</com.haibin.calendarview.CalendarLayout>

CalendarLayout api

public void expand(); //展开

public void shrink(); //收缩

public boolean isExpand();//是否已经展开

CalendarView

真正的日历类，可以自行通过attr配置

<com.haibin.calendarview.CalendarView
android:id=“@+id/calendarView”
android:layout_width=“match_parent”
android:layout_height=“wrap_content”
android:background=“#fff”
app:current_month_text_color=“#333333”
app:current_month_lunar_text_color=“#CFCFCF”
app:min_year=“2004”
app:max_year=“2020”
app:other_month_text_color=“#e1e1e1”
app:other_month_lunar_text_color=“#e1e1e1”
app:scheme_text=“假”
app:scheme_text_color=“#333”
app:scheme_theme_color=“#128c4b”
app:selected_lunar_text_color=“#CFCFCF”
app:month_view=“com.haibin.calendarviewproject.meizu.MeiZuMonthView”
app:week_view=“com.haibin.calendarviewproject.meizu.MeizuWeekView”
app:selected_text_color=“#333”
app:selected_theme_color=“#108cd4”
app:week_background=“#fff”
app:week_text_color=“#111”
app:year_view_day_text_color=“#333333”
app:year_view_day_text_size=“9sp”
app:year_view_month_text_color=“#ff0000”
app:year_view_month_text_size=“20sp”
app:year_view_scheme_color=“#f17706”/>

完整attr

 

CalendarView api

public int getCurDay(); //今天
public int getCurMonth(); //当前的月份
public int getCurYear(); //今年
public void showSelectLayout(final int year); //快速弹出年份选择月份
public void closeSelectLayout(final int position); //关闭选择年份并跳转日期

/**

• 设置日期范围
• @param minYear 最小年份
• @param minYearMonth 最小年份对应月份
• @param maxYear 最大月份
• @param maxYearMonth 最大月份对应月份
  */
  public void setRange(int minYear, int minYearMonth,
  int maxYear, int maxYearMonth)

public void setOnYearChangeListener(OnYearChangeListener listener);//年份切换事件

public void setOnDateSelectedListener(OnDateSelectedListener listener);//日期选择事件

public void setSchemeDate(List mSchemeDate);//标记日期

public void update();//动态更新

public Calendar getSelectedCalendar(); //获取选择的日期

public void scrollToPre();//滚动到上一个月

public void scrollToNext();//滚动到下一个月

public void scrollToCalendar(int year, int month, int day);//滚动到指定日期

/**

• 设置背景色
• @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);
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

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

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

总结

算法知识点繁多，企业考察的题目千变万化，面对越来越近的“金九银十”，我给大家准备好了一套比较完善的学习方法，希望能帮助大家在有限的时间里尽可能系统快速的恶补算法，通过高效的学习来提高大家面试中算法模块的通过率。

这一套学习资料既有文字档也有视频，里面不仅仅有关键知识点的整理，还有案例的算法相关部分的讲解，可以帮助大家更好更全面的进行学习，二者搭配起来学习效果会更好。

部分资料展示：

有了这套学习资料，坚持刷题一周，你就会发现自己的算法知识体系有明显的完善，离大厂Offer的距离更加近。

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门即可获取！

例的算法相关部分的讲解，可以帮助大家更好更全面的进行学习，二者搭配起来学习效果会更好。

部分资料展示：

[外链图片转存中…(img-062nJ5tc-1712237130358)]
[外链图片转存中…(img-sLb2Tpvd-1712237130359)]
[外链图片转存中…(img-F5rnrgdE-1712237130359)]
[外链图片转存中…(img-ABaxMFsx-1712237130359)]

有了这套学习资料，坚持刷题一周，你就会发现自己的算法知识体系有明显的完善，离大厂Offer的距离更加近。

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门即可获取！