android实现上班打卡记录日历查看功能

最新推荐文章于 2021-12-13 00:11:31 发布
最新推荐文章于 2021-12-13 00:11:31 发布
阅读量3.6k 收藏 16
点赞数 2
分类专栏： android开源框架 文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jifenglie/article/details/107202697
版权

更新了项目，适合按月渲染打卡记录（使用看使用技巧）：calendarview.zip-互联网文档类资源-CSDN下载

 项目地址（打卡记录要初始化前一次全部渲染出来）： CalendarView.zip_CalendarView-互联网文档类资源-CSDN下载

日历实现查看打卡记录功能：

功能：

  • 1、支持农历、节气、常用节假日
  • 2、日期范围设置，默认支持的最大日期范围[1900.1~2049.12]
  • 3、禁用日期范围设置
  • 4、初始化选中单个或多个日期
  • 5、单选、多选操作
  • 6、跳转到指定日期
  • 7、替换农历为指定文字
  • 8、通过自定义属性定制日期外观，以及简单的日期item布局配置
  • 9、新增查看打卡记录功能；（在原来基础上新增了查看打卡记录功能，包含打卡正常和打卡异常）

 预览：

 基本用法：

注意：日历使用了viewpager进行了每月的详情展示，viewpager会预加载相邻页面（calendarView.setOffscreenPageLimit(0)），我是每月的打卡记录请求接口获取，viewpager这种预加载会造成打卡记录的圆点的渲染失败，所以我就自定义了viewpager和PagerAdapter，主要是为了禁止预加载，以及禁用了viewpager的侧向滑动功能，只能通过顶部选择年月后去请求接口，然后渲染打卡记录的圆点（已经重写了viewpager和pageradapter的项目已经上传平台：calendarview.zip-互联网文档类资源-CSDN下载）；

使用技巧：

设置一个boolean判断是否是日历初始化 private boolean isCalendarInit = false;

HashMap<String, String> clockStatusMap = new HashMap<>();//日历中需要渲染的日期集合

clockStatusMap .put("2020.7.11", "true");   2020年7月11日  true-打卡正常，灰色点 ，默认就是正常，可不填，7月不能用07月

calendarView.setClockInStatus(clockStatusMap);//接口获取当月的打卡记录集合，处理数据后放入日历

if (!isCalendarInit) {//第一次初始化日历，一定要等把打卡记录放到日历集合后进行初始化，不然会造成渲染失败
    isCalendarInit = true;
    calendarView
            .setStartEndDate("2016.1", "2028.12")
            .setDisableStartEndDate("2016.1.1", "2028.12.31")
            .setInitDate(cDate[0] + "." + cDate[1])
            .setSingleDate(cDate[0] + "." + cDate[1] + "." + cDate[2])
            .init();
} else {//已经完成初始化后，选择年月，日历去切换年月并进行渲染

    calendarView.toDestDate(Integer.parseInt(year), Integer.parseInt(month), 0);
}

详细的使用方法见下面：

Step 1. 添加JitPack仓库 在当前项目等根目录下的 build.gradle 文件中添加如下内容:

allprojects {
    repositories {
        ...
        maven { url "https://jitpack.io" }
    }
}

Step 2. 添加项目依赖（在源码基础上进行了扩展，需要直接把源码放到本地添加依赖）

下载项目到本地：

添加依赖到你的项目： 

Step 3. 在布局文件中添加WeekView、CalendarView

<com.othershe.calendarview.weiget.WeekView
        android:layout_width="match_parent"
        android:layout_height="35dp" />
        
<com.othershe.calendarview.weiget.CalendarView
        android:id="@+id/calendar"
        android:layout_width="match_parent"
        android:layout_height="220dp" />

Step 4. 相关初始化

CalendarView calendarView = (CalendarView) findViewById(R.id.calendar);
//日历init，年月日之间用点号隔开
calendarView
        .setStartEndDate("2010.7", "2018.12")
        .setInitDate("2017.11")
        .setSingleDate("2017.12.12")
        .init();

//月份切换回调
calendarView.setOnPagerChangeListener(new OnPagerChangeListener() {
            @Override
            public void onPagerChanged(int[] date) {
                
            }
        });
        
//单选回调
calendarView.setOnItemClickListener(new OnMonthItemClickListener() {
            @Override
            public void onMonthItemClick(View view, DateBean date) {
                
            }
        });

CalendarView相关方法

新增方法 setClockInStatus（HashMap<String, String>   map）

{设置日历的打卡状态 例如：

HashMap<String, String> map = new HashMap<>();

map.put("2020.7.11", "true");   2020年7月11日  true-打卡正常，灰色点 ，默认就是正常，可不填
map.put("2020.7.6", "false");   2020年7月6日 false-打卡异常，红色点 ，默认就是正常，可不填

//map中没有增加的日期，默认没有打卡

calendarView.setClockInStatus(map);

}

方法名描述
setInitDate(String date)设置日历的初始显示年月
setStartEndDate(String startDate, String endDate)设置日历开始、结束年月
setDisableStartEndDate(String startDate, String endDate)设置日历的禁用日期范围（小于startDate、大于endDate禁用）
setSpecifyMap(HashMap<String, String> map)将显示农历的区域替换成指定文字
setSingleDate(String date)设置单选时初始选中的日期（不设置则不默认选中）
getSingleDate()得到单选时选中的日期
setMultiDate(List dates)设置多选时默认选中的日期集合
getMultiDate()得到多选时选中的全部日期
toSpecifyDate(int year, int month, int day)单选时跳转到指定年月日
setOnCalendarViewAdapter(int layoutId, CalendarViewAdapter adapter)设置自定义日期item样式
init()日期初始化（以上属性配置完后调用）
setOnPagerChangeListener(OnPagerChangeListener listener)设置月份切换回调
setOnSingleChooseListener(OnSingleChooseListener listener)设置单选回调
setOnMultiChooseListener(OnMultiChooseListener listener)设置多选回调
today()单选时跳转到今天
nextMonth()跳转到下个月
lastMonth()跳转到上个月
nextYear()跳转到下一年的当前月
lastYear()跳转到上一年的当前月
toStart()跳转到日历的开始年月
toEnd()跳转到日历的结束年月
CalendarUtil.getCurrentDate()获得当前日期（今天）

CalendarView的自定义属性

namespace：xmlns:calendarview="http://schemas.android.com/apk/res-auto"

属性名格式描述默认值
choose_typeenum设置单选（single）、多选(multi)single
show_lunarboolean是否显示农历true
show_last_nextboolean是否在MonthView显示上月和下月日期true
show_holidayboolean是否显示节假日true
show_termboolean是否显示节气true
switch_chooseboolean单选时切换月份，是否选中上次的日期true
solar_colorcolor阳历日期的颜色
solar_sizeinteger阳历的日期尺寸14
lunar_colorcolor农历的日期颜色
lunar_sizeinteger农历的日期尺寸8
holiday_colorcolor节假日、节气的颜色
choose_colorcolor选中的日期颜色
day_bgreference选中的日期背景(图片)

WeekView的自定义属性

namespace：xmlns:weekview="http://schemas.android.com/apk/res-auto"

属性名格式描述默认值
week_strstring周的表示形式，用点隔开（例如：日.一.二.三.四.五.六）
week_colorcolor周的颜色
week_sizeinteger周的尺寸12

我只是在别的开源框架进行了扩展

感谢原作者：GitHub - SheHuan/CalendarView: Android 自定义日历控件

jifenglie
关注
  • 2
    点赞
  • 踩
  • 16
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
android实现打卡功能,android实现上班打卡记录日历查看功能
weixin_35541666的博客
05-25 2385
项目地址：https://download.csdn.net/download/jifenglie/12588312日历实现查看打卡记录功能：功能：1、支持农历、节气、常用节假日2、日期范围设置，默认支持的最大日期范围[1900.1~2049.12]3、禁用日期范围设置4、初始化选中单个或多个日期5、单选、多选操作6、跳转到指定日期7、替换农历为指定文字8、通过自定义属性定制日期外观，以及简单的...
Android日历签到
11-01
Android日历签到
简单的考勤打卡日历
07-23
import android.content.Context; import android.util.AttributeSet; import android.view.View; import android.widget.LinearLayout; import android.widget.TextView; import com.org.security.app.main.R; import com.org.security.tools.DateUtils; /** * Created by Administrator on 2017/8/16. */ public class SignDate extends LinearLayout { private TextView tvYear; private InnerGridView gvWeek; private InnerGridView gvDate; private AdapterDate adapterDate; public SignDate(Context context) { super(context); init(); } public SignDate(Context context, AttributeSet attrs) { super(context, attrs); init(); } public SignDate(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); init(); } private void init() { View view = View.inflate(getContext(), R.layout.layout_signdate, this); tvYear = view.findViewById(R.id.tvYear); gvWeek = view.findViewById(R.id.gvWeek); gvDate = view.findViewById(R.id.gvDate); tvYear.setText(DateUtils.getCurrentYearAndMonth()); gvWeek.setAdapter(new AdapterWeek(getContext())); adapterDate = new AdapterDate(getContext()); gvDate.setAdapter(adapterDate); } /** * 签到成功的回调 * * @param onSignedSuccess */ public void setOnSignedSuccess(OnSignedSuccess onSignedSuccess) { adapterDate.setOnSignedSuccess(onSignedSuccess); } /** * 签到 */ public void setOnSigned(int postion) { adapterDate.setOnSigned(postion); } /** * 签到 */ public void setOnSigned(String date) { adapterDate.setOnSigned(date); } }
android 日历打卡代码 demo
10-02
这是个在其他源码基础上，调试好的每天签到demo，方便集成到应用中，很精简
android 打卡统计日历表,GitHub - lw1243925457/clickApp: 一个日常事务打卡和统计的APP，用于日常任务记录、任务所需时间记录、任务花费时间统计显示...
weixin_32540969的博客
05-31 699
目标打卡APP时间管理类型APP，目前功能较少，有基本的目标清单、目标花费时间记录、花费时间统计展示右侧release已发布编译好的安装包，可进行下载有需要的小伙伴，可以自行拉取进行自己的特定需求开发开发由来在学习的工程中，想用APP将其记录下面，每日或每周重复打卡记录，类似于列清单。用手机软件就比较方便，但市面上的那些软件都没有符合我的需求的，有的还要付费......感觉这种东西写起来应该不难，...
Android 日历、Android 农历日历 Android 日历节假日
11-22
昨天实现了一个日历控件，主要包含公历和农历的展示，今天将其完成全部功能，主要包含节假日的展示、二十四节气展示。支持手势滑动显示下一个月.如有实现不合理的地方希望大家提供宝贵的意见。
微信小程序实现打卡日历功能
10-17
在微信小程序中实现打卡日历功能，是一种常见的用户互动方式，可以帮助用户跟踪和记录日常习惯。下面我们将深入探讨如何在微信小程序中构建这样的功能。 首先，我们需要了解开发环境。在这个项目中，开发者使用了...
Android自定义按周签到打卡功能实例代码
08-25
Android签到打卡功能实现： 签到打卡功能是Android开发中非常重要的一部分，主要用于记录用户的签到记录，并提供相应的奖励和惩罚机制。签到打卡功能可以按照不同的规则进行实现，本篇文章介绍的实现方式是按照周...
Android开发之打卡功能
08-23
Android开发之打卡功能
Android自定义日历
11-08
Android自定义日历，仿小米日历界面
android自定义可签到日历
07-18
一个比较详细的自定义的签到日历。简单易懂，可自行修改
自定义CalendarView
07-01
一个能够左右滑动又能够选择周视图和月视图的CalendarView
Android中用CalendarView实现日历的显示样式
12-19
用CalendarView 实现的日历显示样式,可上下翻页
Android-在简单的日历视图中可折叠的CalendarView
08-12
在简单的日历视图中可折叠的CalendarView
Android 百度地图定位实现仿钉钉签到打卡功能的完整代码
08-19
在Android开发中，实现类似钉钉的签到打卡功能，通常需要结合地图API来获取用户的位置信息。这里我们将深入探讨如何使用百度地图API来完成这一任务。首先，我们需要注册一个百度账号并获取API密钥，这是使用百度地图...
android 考勤界面,一种android终端实时考勤记录统计展现方法和装置与流程
weixin_33658509的博客
06-03 557
本发明涉及电子信息技术，特别是指一种android终端实时考勤记录统计展现方法和装置。背景技术：android电子班牌是一种安装在教室门口或校园中其它设施之上，用来实时显示学校通知以及班级通知等信息的智能化设备。电子班牌可设置集中分布式管理，并且自由控制每个终端。其显示内容包括但不限于显示班级全面的基本信息，包括天气、班名、课程表、值日表等等，不仅为校园生活增添了很多乐趣，并且还为校园日常管理以及...
关于Android日历视图控件CalendarView
fjnu_se的博客
12-13 5279
目录简要介绍CalendarView 的特性简要实现代码与效果演示ClendarView常见属性及方法简单实现日期选择添加监听事件获得具体日期具体实现代码实现效果ClendarView attrs使用ClendarView实现的不同风格日历欣赏总结 简要介绍 CalendarView是Android上一个优雅、高度自定义、性能高效的日历控件，完美支持周视图，支持标记、自定义颜色、农历等，任意控制月视图显示、任意日期拦截条件、自定义周起始等。 CalendarView 的特性 基于Canvas绘制，极速性能
Android日历CalendarView自己一步步挖坑一步步填坑操作
weixin_40420578的博客
08-14 5681
github地址：https://github.com/huanghaibin-dev/CalendarView 推荐一篇讲解CalendarView特别好的博客：https://blog.csdn.net/huanghaibin_dev/article/details/79040147 我的这篇文章重点不是讲解CalendarView怎么使用的，是说我在使用过程中，由于自己脑抽，本来很容易的...
html js 实现日历上打卡显示用户功能
最新发布
05-25
实现日历上打卡显示用户的功能，可以使用 HTML、JavaScript 和 CSS。以下是一种实现方式： 1. 首先，需要一个日历的 HTML 页面。可以使用 table 元素来创建一个简单的日历表格。 ```html <table> <thead> <tr> <th>周日</th> <th>周一</th> <th>周二</th> <th>周三</th> <th>周四</th> <th>周五</th> <th>周六</th> </tr> </thead> <tbody> <tr> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <!-- 其他行省略 --> </tbody> </table> ``` 2. 接下来，需要使用 JavaScript 代码动态地向日历表格中添加日期。可以使用 Date 对象来获取当前日期及其对应的星期几，然后将它们添加到表格中。 ```javascript const date = new Date(); const year = date.getFullYear(); const month = date.getMonth() + 1; const today = date.getDate(); const firstDay = new Date(year, month - 1, 1).getDay(); // 本月第一天是星期几 const tbody = document.querySelector('tbody'); let row = tbody.insertRow(); // 插入一行 for (let i = 0; i < firstDay; i++) { row.insertCell(); // 插入空单元格 } for (let i = 1; i <= getDaysInMonth(year, month); i++) { const cell = row.insertCell(); cell.textContent = i; if (i === today) { cell.classList.add('today'); // 突出显示今天的日期 } // TODO: 根据用户打卡记录，修改单元格的样式 if (hasPunchedIn(i)) { cell.classList.add('punched'); } if (isPunchingIn(i)) { cell.classList.add('punching'); } if (hasPunchedOut(i)) { cell.classList.add('punched-out'); } if (isPunchingOut(i)) { cell.classList.add('punching-out'); } if (i === 7) { row = tbody.insertRow(); // 换行 } } function getDaysInMonth(year, month) { return new Date(year, month, 0).getDate(); } function hasPunchedIn(date) { // TODO: 判断该日期是否已经打卡 return false; } function isPunchingIn(date) { // TODO: 判断用户是否正在打卡 return false; } function hasPunchedOut(date) { // TODO: 判断该日期是否已经下班打卡 return false; } function isPunchingOut(date) { // TODO: 判断用户是否正在下班打卡 return false; } ``` 3. 最后，使用 CSS 样式来定义单元格的外观，以突出显示用户的打卡记录。 ```css td.today { background-color: #f0f0f0; } td.punched { background-color: green; color: white; } td.punching { background-color: yellow; } td.punched-out { background-color: red; color: white; } td.punching-out { background-color: orange; } ``` 在实际使用中，需要根据实际情况修改 JavaScript 代码中的 TODO 部分，以实现具体的打卡功能。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值