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

于 2024-03-16 14:40:21 发布
阅读量983 收藏 19
点赞数 23
分类专栏： Android程序员 文章标签： android java 算法
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_60635035/article/details/136762428
版权
  • 设置背景色
  • @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移动开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
img
img
img
img

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

最后

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

image

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

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

image

image

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

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

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

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

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

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

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

饱和面试题
关注
  • 23
    点赞
  • 踩
  • 19
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android-CalendarView一个高度可自定义的Android日历库由RecyclerView提供支持
08-12
A highly customizable calendar library for Android, powered by RecyclerView.
Android Kotlin Java 自定义日历控件 CalendarView ，支持单选，多选，按星期选，跨月份日期范围选择，样式设置，设置不可选日期，设置只可选日期
coffee_shop的专栏
05-16 4287
Android 自定义日历控件 CalendaView ，支持单选，多选，按星期选，跨月份日期范围选择，样式设置
关于Android日历视图控件CalendarView
greyzz3的博客
12-12 9676
目录简要介绍简要实现代码与效果展示部分相关的xml属性 简要介绍 CalendarView是Android上一个优雅、高度自定义、性能高效的日历控件，完美支持周视图，支持标记、自定义颜色、农历等，任意控制月视图显示、任意日期拦截条件、自定义周起始等。 简要实现代码与效果展示 下面展示CalendarView最简单的使用方法。 <CalendarView android:id="@+id/calendarView" android:layout_width="wrap_c
【Android开发--新手必看篇】依赖框架CalendarView的使用
江川一梦的博客
09-23 2055
Android笔记 ​ ——CalendarView 【若对该知识点有更多想了解的，欢迎私信博主~~】 依赖框架：CalendarView 一：优势及作用 基于Canvas绘制，极速性能 热插拔思想，任意定制周视图、月视图，即插即用！ 支持单选、多选、范围选择、国内手机日历默认自动选择等选择模式 支持静态、动态设置周起始，一行代码搞定 支持静态、动态设置日历项高度、日历填充模式 支持设置任意日期范围、任意拦截日期 支持多点触控、手指平滑切换过渡，拒绝界面抖动 类NestedScrolling特性，嵌
Android实现简单日历
weixin_43955048的博客
06-01 5398
主要通过ViewPager2+GridView实现打卡日历
Android自定义控件实现可多选课程日历CalendarView
01-20
可多选课程日历CalendarView的效果图 开发环境 IDE版本：AndroidStudio2.0 物理机版本：Win7旗舰版(64位) 前言 最近的项目中用到了一个课程选择的日历View，于是在网上搜了搜自定义日历View，发现基本上都是单选的...
Android自定义日历控件实例详解
01-05
下面我通过我在github上开源的Android-CalendarView项目为例，来介绍一下自定义控件的方法。该项目中自定义的控件类名是CalendarView。这个自定义控件覆盖了一些自定义控件时常需要重写的一些方法。 构造函数 为了...
Android Kotlin Java 自定义日历控件 CalendarView ，支持单选，多选，按星期选，跨月份日期范围选择
05-23
Android Kotlin Java 自定义日历控件 CalendarView ，支持单选，多选，按星期选，跨月份日期范围选择，样式设置，设置不可选日期，设置只可选日期 https://blog.csdn.net/coffee_shop/article/details/130709029
Android开发之日历CalendarView用法示例
08-26
主要介绍了Android开发之日历CalendarView用法,简单分析了日历CalendarView组件的功能、属性设置方法、界面布局、事件监听等相关操作技巧,需要的朋友可以参考下
Android 第二十二章 CalendarView
weixin_43969550的博客
04-14 578
CalendarView 日历简单实用介绍
Android修行手册 - CalendarView
热门推荐
空名先生
06-13 1万+
这是小空坚持写的Android新手向系列，欢迎品尝。大佬（√）新手（√√√）先说结论使用系统的CalendarView基本上就是自找麻烦，适宜的应用场景少之又少。还是建议使用三方封装的吧，截至2022年3月9日。https://github.com/huanghaibin-dev/CalendarView Star数8.1Khttps://github.com/prolificinteractive/material-calendarview Star数5.8Khttps://github.com/ki
Android之 日历单选多选控件
qq_29848853的博客
06-22 2211
日历单选多选控件
【Android从零单排系列十一】《Android视图控件——日历、日期、时间选择控件》
再见孙悟空的专栏
08-25 6963
在 Android 应用开发中，RadioButton是单选按钮，允许用户在一个组中选择一个选项。同一组中的单选按钮有互斥效果。
Android精美日历控件CalendarView自定义使用完全解析(1)
最新发布
m0_60635001的博客
03-16 915
onDrawText/**首先继承月视图，假如我们想实现高仿魅族的日历*//**自定义魅族标记的文本画笔*//**自定义魅族标记的圆形背景*//**绘制选中的日子@param calendar 日历日历calendar@param x 日历Card x起点坐标@param y 日历Card y起点坐标。
Android绘制日历
xiaokangss的博客
07-09 1000
项目中有时候会遇到需要自定义日历，然后再日历上显示当天是否有日程信息。 如图所示，我们需要先绘制出日历，然后再日历上有日程信息的地方标记小圆点，最后当日历上某一天被点击的时候需要提供一个回调方法，处理点击事件。一个月最多有31天，其中最多有4个整周（28天）刚好是当前月，剩下的的3天可能分布在其余两个月，所以我们日历需要绘制6行。首先求出当前月的第一天是星期几 需要注意的是这里的结果是从周日开始计算的从周日开始计算（日：1 一：2 二：3 三：4 四：5 五：6 六：7）然后根据计算出日历上需要显示上个
【Android开发--新手必看篇】CalendarView 日历
江川一梦的博客
07-02 1035
Android笔记 ​ ——各类控件的使用（控件）-日历 【若对该知识点有更多想了解的，欢迎私信博主~~】 日历：CalendarView 属性： XML属性 说明 layout_width 布局宽度 layout_height 布局高度 background 背景 firstDayOfWeek 每个周的第一天 focusedMonthDateColor 设置获得焦点的月份的日期文字的颜色 selectedWeekBackgroundColor 设置被选中周的背景色
Android 操作系统日历完成提醒功能 附带开关闹钟 适配高版本安卓
doomwatcher的博客
06-29 1713
如果想要一个稳定且不用担心生命周期的提醒方式，可以试试利用系统日历去完成任务的提醒或某个活动的预约。环境Java 11Gredle 7.1测试机型 mi 8（安卓 9） mi10 pro（安卓11） huawei m8（安卓7）
android kotlin java 自定义日历控件 calendarview ,支持单选,多选,按星期选,跨月
12-27
Android平台上可以使用Kotlin或Java语言来自定义日历控件CalendarView。这个控件可以支持单选、多选、按星期选择以及跨月的功能。 首先，为了实现单选功能，可以在日历控件中设置点击某一天时的回调函数，当用户点击某一天时，将选中的日期保存下来，并且取消之前选中的日期。这样就实现了单选的效果。 其次，实现多选功能可以通过在日历控件中实现多选模式，在用户点击某一天时，切换该日期的选中状态，并将选中的日期保存下来。这样就实现了多选的功能。 然后，支持按星期选择可以通过在日历控件中实现按星期选择的功能，用户可以选择一周中的某一天，然后自动选择该周的所有日期。这样就实现了按星期选择的功能。 最后，实现跨月功能可以在日历控件中通过左右滑动切换月份，让用户可以选择跨月的日期。同时需要在控件中处理好跨月的日期选择逻辑，确保用户在选择跨月日期时能够正常操作。 总的来说，通过使用Kotlin或Java语言自定义日历控件CalendarView，可以实现单选、多选、按星期选择和跨月等丰富的功能，让用户可以更灵活地进行日期选择。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值