android studio中使用recyclerview制作个显示考勤打卡的日历来

最新推荐文章于 2024-07-05 18:08:40 发布
最新推荐文章于 2024-07-05 18:08:40 发布
阅读量1k 收藏 7
点赞数 1
文章标签： 移动开发 json
原文链接：http://www.cnblogs.com/wjbych/p/7271908.html
版权

 

1. 用户在app端选择个日期就能查询这个月的考勤打卡信息,并以日历上标注不同的颜色来显示给用户,当然这个日历是recyclerview做出来的,只是每行显示7个,表示一周的七天.

2. 员工考勤打卡的数据获取与分析都是在服务器端完成的,通过app端传入的日期和用户名,来完成用户考勤的提取分析,并把结果返回给app,使用webservice.

3.在app端把数据和recyclerview进行绑定,对不同的结果使用不同的颜色,就这样了,结果还不错.

里面最关键的部分是1. 计算选择的日期下当月有多少天.   2.当月第一天是星期几,效果图如下,还需要慢慢完善,下图是2017年7月份

知道了这两个就能在.net端方便的组装出日历的数据和第一行的偏移来了,具体的时间分析及返回值,按自己的想法设计就行了,我是返回个简单的字符串.代码如下.

        Dim month As String = CDate(Sdate).Month
        Dim Year As String = CDate(Sdate).Year
        Dim Days As Integer = Date.DaysInMonth(Year, month)
        Dim Szd As String = hr.GetGS(yhm)
        Dim Str As String = ""
        Dim img As String
        Dim K_RQ As String = Year & "-" & month & "-" & "1"
        Dim K_week As Integer = CDate(K_RQ).DayOfWeek    '本月第一天是星期几


        Dim Dt As DataTable = New DataTable
        Dt.Columns.Add("日期")
        Dt.Columns.Add("分析")

        For i = 1 To K_week
            Dim dr As DataRow = Dt.NewRow
            dr.Item(0) = ""
            dr.Item(1) = "1-0"
            Dt.Rows.Add(dr)
        Next

        For i = 1 To Days
            RQ = Year & "-" & month & "-" & i
            img = KQ_Fenxi(RQ, name, Szd)
            Dim dr As DataRow = Dt.NewRow
            dr.Item(0) = i
            dr.Item(1) = img
            Dt.Rows.Add(dr)
        Next

        Str = OA.DataTable2Json(Dt)
        Return Str

　　

在进行测试时返回值如下,把这个json传到app端进行数据绑定就行了

<string xmlns="http://tempuri.org/">
[{"日期":"1","分析":"1-0"},{"日期":"2","分析":"1-1"},{"日期":"3","分析":"1-1"},{"日期":"4","分析":"1-1"},{"日期":"5","分析":"1-2"},{"日期":"6","分析":"1-1"},{"日期":"7","分析":"1-1"},{"日期":"8","分析":"1-0"},{"日期":"9","分析":"1-1"},{"日期":"10","分析":"1-1"},{"日期":"11","分析":"1-1"},{"日期":"12","分析":"1-1"},{"日期":"13","分析":"1-1"},{"日期":"14","分析":"1-1"},{"日期":"15","分析":"1-0"},{"日期":"16","分析":"1-3"},{"日期":"17","分析":"1-1"},{"日期":"18","分析":"1-1"},{"日期":"19","分析":"1-1"},{"日期":"20","分析":"1-1"},{"日期":"21","分析":"1-3"},{"日期":"22","分析":"1-0"},{"日期":"23","分析":"1-0"},{"日期":"24","分析":"1-1"},{"日期":"25","分析":"1-1"},{"日期":"26","分析":"1-1"},{"日期":"27","分析":"1-1"},{"日期":"28","分析":"1-1"},{"日期":"29","分析":"1-0"},{"日期":"30","分析":"1-1"},{"日期":"31","分析":"1-1"}]
</string>

 

接下来是在andriod studio中的关键部分了,代码如下:

private  void LoadData(String MethodName,String cs1,String cs2){
        try{
            WebService ws = new WebService(MethodName,cs1,cs2, "");
            ws.execute();
            Log.e("KQ-rq",cs1);
            Log.e("KQ-uid",cs2);
            ws.setOnAsyRes(new AsyRes() {
                @Override
                public void onDateRec(String msg) {
                    String jsonStr;
                    jsonStr=msg;
                    Log.e("KQ-str",msg);

                      try {
                        mDatas=new ArrayList<FileList>();
                        FileList map;
                        JSONArray jsonArray = new JSONArray(jsonStr);
                        for (int i = 0; i < jsonArray.length(); i++) {
                            JSONObject jsonObject = jsonArray.getJSONObject(i);
                            map=new FileList(jsonObject.getString("日期"),jsonObject.getString("分析"));
                            mDatas.add(map);
                        }
                          myKqAdapter recycler=new myKqAdapter(getActivity(),mDatas);
                          RecyclerView recyclerView=(RecyclerView) vi.findViewById(R.id.lv_list);
                          //LinearLayoutManager layoutManager = new LinearLayoutManager(getActivity());
                          GridLayoutManager girdManger=new GridLayoutManager(getActivity(),7);
                          recyclerView.setLayoutManager(girdManger);
                          //如果可以确定每个item的高度是固定的，设置这个选项可以提高性能
                          recyclerView.setHasFixedSize(true);
                          //创建并设置Adapter
                          recyclerView.addItemDecoration(new myItemDec()); //增加分隔线
                          recyclerView.setAdapter(recycler);
                          recyclerView.setItemAnimator(new DefaultItemAnimator());


                    } catch (JSONException e) {

                    }
                }
            });
        }catch (Exception e) {

        }
    }

　　

增加上log.e,主要是查看一下发送的参数和返回的结果是否正确,红色的代码就是为了让recyclerview每行显示七个

在自定义的数据适配器中,我们分析返回的结果,根据结果设置不同的背景色.

 public void onBindViewHolder(MyViewHolder holder, final int position) {
        FileList da=mDatas.get(position);
        //holder.v.setBackgroundColor(Color.WHITE);
        String msg=da.getMsg();


        if (listener != null) {
            holder.v.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    listener.onItemClick(v,position);
                }
            });
        }
       // holder.tv.setGravity(Gravity.CENTER_HORIZONTAL);//设置文字水平居中
        holder.tv.setText(da.getName());

       // holder.msg.setText("");
        if (msg.equals("1-1")){
            holder.v.setBackgroundColor(Color.GREEN);  //全天上班
        }
        if (msg.equals("1-2")){
            holder.v.setBackgroundColor(Color.YELLOW);//半天上班
        }
        if (msg.equals("1-3")){
            holder.v.setBackgroundColor(Color.YELLOW);//半天上班
        }
        if (msg.equals("1-0")){
            holder.v.setBackgroundColor(Color.WHITE);//全天休息

        }

    }

好了,基本上一个日历型的考勤显示界面就出来了,后边你可以慢慢加上表头,增加上点击事件,用户点击时显示详细的打卡时间.

补充一个增加了点击事件的效果图吧

 

转载于:https://www.cnblogs.com/wjbych/p/7271908.html

weixin_30641465
关注
Android studio中使用Recyclerview与Activity跳转
nonamepao的博客
10-24 3877
项目介绍 本次项目在上一次类微信界面的设计上，增加了用recyclerview实现的模拟微信聊天联系人列表，其中从列表跳转到联系内容的部分使用了activity的跳转。 设计 列表界面 用一个xml来设计列表的界面，这里采用了最简单的单个textview作为标题模式。 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/and
Android Studio中的RecyclerView的使用方法实例分析
qq_44736976的博客
03-11 1453
RecyclerView的使用方法实例分析 话不多说直接上代码 主文件的布局文件，定义一个RecyclerView列表 <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layou...
简单的考勤打卡日历
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向系统日历添加日程事件（实现闹铃效果，且在app被杀仍能完成）
weixin_43918342的博客
10-23 1390
向系统日历读写事件有一下步骤 1，有读写日历的权限 2，如果没有日历账户需要先创建日历账户 3，实现日历事件增删改查，提醒功能 一，权限申请 AndroidManifest.xml添加如下权限 <uses-permission android:name="android.permission.READ_CALENDAR" /> <uses-permission an...
Android studio成品源码项目日历备忘录记事本，该日历备忘录app实现了日历查看，添加?
最新发布
qAAHbJKFxUQ的博客
07-05 449
通过这个项目，用户可以深入了解Android Studio的开发流程和技术要点，学习使用SQLite数据库进行数据管理，同时也掌握了如何在Android应用程序中实现日历查看、备忘录添加、闹钟提醒和删除备忘录等功能。如果你是一位初学者，希望通过实际项目的开发来提升自己的技能，那么我们的“日历备忘录记事本”项目将是一个很好的选择。Android studio成品源码项目日历备忘录记事本，该日历备忘录app实现了日历查看，添加备忘录，闹钟提醒，删除备忘录等功能，适合新手学习，数据库sqlite。
基于安卓的课堂考勤系统
04-15
基于安卓的课堂考勤系统
打卡神器android
11-27
用于钉钉daka的定时代码,试试看能不能用,定时打卡打卡
android自定义日历实现和demo下载
03-31
实现了日期选择，返回选择的日期。 设置粉红重点日期， 设置红色提示日期。
详解如何在Android Studio中添加RecyclerView-v7支持包
01-21
一直知道RecyclerView可以代替ListView、GridView使用，听说功能很强大，但还没有去学习过。今天想学习，没想到还没开始便撞墙了。输入Recycler，只有这两个东西，没有提示RecyclerView，说明支持包中没有。 最后...
Android Studio-为Recyclerview中的item增加点击功能
11-10
Android Studio-为Recyclerview中的item增加点击功能
Android知识分享之显示日历
u014388322的专栏
01-30 1276
本人专注于Android/java/数据库/微信小程序技术领域的开发，以及有好几年的计算机毕业设计方面的实战开发经验和技术积累；尤其是在安卓（Android）的app的开发和微信小程序的开发，很是熟悉和了解；本人也是多年的Android开发人员；希望我发布的此篇文件可以帮助到您；🍅。
android自定义view之实现日历界面实例
01-05
现在网上有很多自定义view实现日历的demo，今天讲一讲如何自己实现这个自定义view。 看一下最终效果图： 在这个自定义view中，我使用了各种奇技淫巧的方法来实现这个日历，真是费尽心思。废话少说，开始进坑。 界面分析 头部是一个textview，显示年份和月份，然后下边一行是星期几，这两行可以固定住，不随月份切换而进出屏幕。 再下边就是我们自定义view 的主角，每个月的天数。目前规定是星期日为每星期第一天。上个月的天数填充满第一行，下个月的前几天填充完最后一行，颜色设置为灰色，本月日期中的周一至周五设置为红色，周六周日设置为青色，特殊日期设置为绿色，并且在右上角填充特殊标识符，用四分
Android自定义按周签到打卡功能实例代码
08-25
主要给大家介绍了关于Android自定义实现按周签到打卡功能的相关资料，文中通过示例代码介绍的非常详细，对各位Android开发者们具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
Android代码-可进行UI定制的日历组件，轻松完成签到日历功能。
08-08
EasyCalendar Quickly customize the calendar UI. You can use EasyCalendar to quickly get the calendar style UI. Feature Custom layout for title. Custom layout for date. Show or hide divider for date. Show or hide overflow date. Listen to date's view be clicked. Screenshot Gradle compile 'com.sch.calendar:easy-calendar:1.0.1' Attributes name format description titleColor color set color for title titleLayout reference custom layout for title weekColor color set color for week w
Android-Android自定义控件-签到日历
08-12
项目中用到的一个签到日历自定义控件，基于网络源码的部分修改而成，满足自己项目的需求了。
Android学生考勤系统
04-01
基于Android的学生考勤系统，小型Android APP 有利于初学者上手，本系统主要指学生上课考勤，做毕业设计的也有参考价值
Android自定义控件之自定义日历控件
大前端程序猿
12-12 1424
日历控件的效果图如下： 下面是MyCalendarView类的源码，注释也写得比较详细了： package com.example.testview.view; import java.util.Calendar; import java.util.Date; import android.content.Context; import android.graphics.Canva
Android Studio 自定义日历的简单实现
热门推荐
weixin_44116706的博客
06-25 1万+
效果图： 目录树 1，DayBean.java用来存储每天的信息 package com.example.l_b.calendar.bean; public class DayBean { private int day; private int month; private int year; // 是否为当前月 private boolean cu...
使用androidstudio的Recyclerview做一个日历
05-17
要使用 RecyclerView 来制作一个日历，首先需要了解 RecyclerView 的基本使用方法。 RecyclerView 是一个强大的 Android UI 组件，用于在列表和网格视图中显示大量数据。它使用 ViewHolder 模式来重用视图以提高性能，并支持大量的自定义选项。 下面是基本的 RecyclerView 使用方法： 1. 在布局文件中添加 RecyclerView 组件： ``` <androidx.recyclerview.widget.RecyclerView android:id="@+id/recycler_view" android:layout_width="match_parent" android:layout_height="match_parent" /> ``` 2. 创建 RecyclerView.Adapter 子类来管理数据，并实现 onCreateViewHolder、onBindViewHolder 和 getItemCount 方法： ``` class MyAdapter(private val myDataset: Array<String>) : RecyclerView.Adapter<MyAdapter.MyViewHolder>() { class MyViewHolder(val textView: TextView) : RecyclerView.ViewHolder(textView) override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): MyAdapter.MyViewHolder { val textView = LayoutInflater.from(parent.context) .inflate(R.layout.my_text_view, parent, false) as TextView return MyViewHolder(textView) } override fun onBindViewHolder(holder: MyViewHolder, position: Int) { holder.textView.text = myDataset[position] } override fun getItemCount() = myDataset.size } ``` 3. 在 RecyclerView 中设置 LayoutManager 和 Adapter： ``` val recyclerView = findViewById<RecyclerView>(R.id.recycler_view) recyclerView.layoutManager = LinearLayoutManager(this) val myDataset = arrayOf("Item 1", "Item 2", "Item 3") recyclerView.adapter = MyAdapter(myDataset) ``` 接下来，我们可以使用 RecyclerView 来制作一个日历。下面是一个简单的示例： 1. 创建一个名为 DayAdapter 的 RecyclerView.Adapter 子类，用于管理日历中的日期。 ``` class DayAdapter(private val days: List<Day>) : RecyclerView.Adapter<DayAdapter.DayViewHolder>() { class DayViewHolder(val textView: TextView) : RecyclerView.ViewHolder(textView) override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): DayViewHolder { val textView = LayoutInflater.from(parent.context) .inflate(R.layout.day_view, parent, false) as TextView return DayViewHolder(textView) } override fun onBindViewHolder(holder: DayViewHolder, position: Int) { val day = days[position] holder.textView.text = day.date.toString() holder.textView.setTextColor(if (day.isCurrentMonth) Color.BLACK else Color.GRAY) } override fun getItemCount() = days.size } ``` 2. 创建一个名为 Day 的数据类，表示日历中的日期。 ``` data class Day(val date: Int, val isCurrentMonth: Boolean) ``` 3. 在布局文件中添加 RecyclerView 组件。 ``` <androidx.recyclerview.widget.RecyclerView android:id="@+id/recycler_view" android:layout_width="match_parent" android:layout_height="match_parent" /> ``` 4. 在 Activity 中设置 RecyclerView 的 LayoutManager 和 Adapter。 ``` val recyclerView = findViewById<RecyclerView>(R.id.recycler_view) recyclerView.layoutManager = GridLayoutManager(this, 7) val days = getDays() recyclerView.adapter = DayAdapter(days) ``` 5. 创建一个名为 getDays 的函数，用于生成日历中的日期数据。 ``` private fun getDays(): List<Day> { val today = Calendar.getInstance() val firstDayOfMonth = Calendar.getInstance() firstDayOfMonth.set(Calendar.DAY_OF_MONTH, 1) val daysInMonth = firstDayOfMonth.getActualMaximum(Calendar.DAY_OF_MONTH) val firstDayOfWeek = firstDayOfMonth.get(Calendar.DAY_OF_WEEK) val days = mutableListOf<Day>() var date = 1 for (i in 1..42) { if (i < firstDayOfWeek || i >= firstDayOfWeek + daysInMonth) { days.add(Day(0, false)) } else { days.add(Day(date, true)) date++ } } return days } ``` 这个函数会返回一个包含日历中所有日期的列表，其中每个元素是一个 Day 对象。该函数使用 Calendar 类来计算当前月份的第一天和该月份有多少天，然后根据日历中的行和列填充日期。如果某个日期不属于当前月份，则其值为 0，isCurrentMonth 属性为 false。否则，isCurrentMonth 属性为 true。 最后，我们需要创建一个 day_view.xml 文件，用于定义每个日期的外观。该文件可以包含一个 TextView 组件，用于显示日期。例如： ``` <TextView xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/day_text_view" android:layout_width="wrap_content" android:layout_height="wrap_content" android:gravity="center" android:padding="8dp" /> ``` 这样，我们就可以使用 RecyclerView 来制作一个日历了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值