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

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

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

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

f00b5bf0a11bfaab6f3d4a88d08a0290.png

知道了这两个就能在.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端进行数据绑定就行了

[{"日期":"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"}]

接下来是在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 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);//全天休息

}

}

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

原文:http://www.cnblogs.com/wjbych/p/7271908.html

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐