美文网首页Android笔记本
Android 自定义组合控件-日历 签到

Android 自定义组合控件-日历 签到

作者: 幸福的小小猪 | 来源:发表于2018-08-10 10:43 被阅读117次

先来张效果图

CalendarView

之前项目中用到的日历控件都是在网上随便找了个改改用,每次该都挺花时间的,而且根据项目需求不一样改动也比较大,这次项目中用到了就决定自己写个。

1

看到这个是不是就知道怎么写的了,哈哈哈!继承的LinearLayout 然后addView()搞定!

下面做的就是把日历数据显示出来,这里用的RecycleView!

不管了下面开始粘代码了

/**

* Author: zyc

* Date: 2018/8/7

* Description:

*/

public class CalendarView extends LinearLayout implements View.OnClickListener {

private Contextm Context;

private AdapterCalenderad apterCalender;

private TextView tvTime;

private Calendar calendar;

private String currentDay;//当天

    private String currentMonth;//当前显示月份

    public CalendarView(Context context) {

this(context,null);

}

public CalendarView(Context context,@Nullable AttributeSet attrs) {

this(context, attrs,0);

}

public CalendarView(Context context,@Nullable AttributeSet attrs,int defStyleAttr) {

super(context, attrs, defStyleAttr);

mContext = context;

View view = View.inflate(context, R.layout.calendar,null);

initView(view);

this.addView(view);

}

private void initView(View view) {

RecyclerView recyclerView = view.findViewById(R.id.recyclerView);

tvTime = view.findViewById(R.id.tv_time);

ImageView ivLeft = view.findViewById(R.id.iv_left);

ImageView ivRight = view.findViewById(R.id.iv_right);

GridLayoutManager gridLayoutManager =new GridLayoutManager(mContext,7);

gridLayoutManager.setOrientation(LinearLayoutManager.VERTICAL);

recyclerView.setLayoutManager(gridLayoutManager);

Date date =new Date();

currentDay = getDay(date);

currentMonth = getMonth(date);//"yyyy-MM"

        calendar = Calendar.getInstance();

calendar.setTime(date);

List list = getBeanData(calendar);

adapterCalender =new AdapterCalender(mContext, list, R.layout.item_calender);

recyclerView.setAdapter(adapterCalender);

ivLeft.setOnClickListener(this);

ivRight.setOnClickListener(this);

}

@Override

    public void onClick(View v) {

switch (v.getId()) {

case R.id.iv_left:

calendar.setTime(getDate());

calendar.add(Calendar.MONTH, -1);

currentMonth = getMonth(calendar.getTime());

adapterCalender.update(getBeanData(calendar));

break;

case R.id.iv_right:

calendar.setTime(getDate());

calendar.add(Calendar.MONTH,1);

currentMonth = getMonth(calendar.getTime());

adapterCalender.update(getBeanData(calendar));

break;

}

}

@NonNull

    private List getBeanData(Calendar calendar) {

List list =new ArrayList<>();

tvTime.setText(currentMonth);

//设置到当月的第一天

        calendar.set(Calendar.DAY_OF_MONTH,1);

//获取当月第一天在这周第几天

        int dayInWeek = calendar.get(Calendar.DAY_OF_WEEK);

if (dayInWeek ==1) {

calendar.add(Calendar.DAY_OF_MONTH, -7);

}else {

calendar.add(Calendar.DAY_OF_MONTH,1 - dayInWeek);

}

for (int i =0; i <42; i++) {

int day = calendar.get(Calendar.DAY_OF_MONTH);

BeanDate beanData =new BeanDate();

beanData.day = day;

beanData.date = calendar.getTime();

list.add(beanData);

calendar.add(Calendar.DAY_OF_MONTH,1);

}

return list;

}

class AdapterCalenderextends CommonRecycleAdapter {

private HashSetnormalSet =new HashSet();

private HashSetabNormalSet =new HashSet();

public AdapterCalender(Context context, List dataList,int layoutId) {

super(context, dataList, layoutId);

normalSet.add("2018-08-01");

normalSet.add("2018-08-03");

normalSet.add("2018-08-04");

normalSet.add("2018-08-05");

normalSet.add("2018-08-06");

normalSet.add("2018-08-07");

normalSet.add("2018-07-31");

normalSet.add("2018-07-29");

abNormalSet.add("2018-08-02");

abNormalSet.add("2018-07-30");

}

@Override

        public void bindData(CommonViewHolder holder, BeanDate data,int position) {

holder.setText(R.id.tv_day, String.valueOf(data.day));

TextView tvDay = holder.itemView.findViewById(R.id.tv_day);

//不是当月日期背景浅灰色

            if (!currentMonth.equals(getMonth(data.date))) {

tvDay.setTextColor(getResources().getColor(R.color.colorGrayLight));

}else {

tvDay.setTextColor(getResources().getColor(R.color.colorBlackLight));

}

tvDay.setBackgroundResource(R.drawable.calender_boder);

String day = getDay(data.date);

//当天

            if (currentDay.equals(day)) {

tvDay.setBackgroundResource(R.drawable.station_bg_number);

tvDay.setTextColor(getResources().getColor(R.color.colorWhite));

}

//正常签到

            if (normalSet.contains(day)) {

tvDay.setBackgroundResource(R.drawable.station_sign_normal);

}

//脱岗

            if (abNormalSet.contains(day)) {

tvDay.setBackgroundResource(R.drawable.station_sign_abnormal);

tvDay.setTextColor(getResources().getColor(R.color.colorWhite));

}

}

}

class BeanDate {

public Datedate;//对应当月第几天的Date

        public int day;//当月的第几天

    }

/**

* 将date转string

*

    * @param date

    * @return yyyy-MM-dd

*/

    private String getDay(Date date) {

SimpleDateFormat simpleDateFormat =new SimpleDateFormat("yyyy-MM-dd");

String time = simpleDateFormat.format(date);

return time;

}

/**

    * @return yyyy-MM

*/

    private Date getDate() {

try {

SimpleDateFormat sdf =new SimpleDateFormat("yyyy-MM", Locale.CHINESE);

return sdf.parse(tvTime.getText().toString());

}catch (ParseException e) {

e.printStackTrace();

return new Date();

}

}

/**

    * @param date

    * @return yyyy-MM

*/

    private String getMonth(Date date) {

SimpleDateFormat simpleDateFormat =new SimpleDateFormat("yyyy-MM");

String time = simpleDateFormat.format(date);

return time;

}

}

相关文章

  • Android 自定义组合控件-日历 签到

    先来张效果图 之前项目中用到的日历控件都是在网上随便找了个改改用,每次该都挺花时间的,而且根据项目需求不一样改动也...

  • Android自定义控件之自定义组合控件

    Android自定义控件之自定义组合控件 前言: 前两篇介绍了自定义控件的基础原理Android自定义控件之基本原...

  • 【Android】自定义控件

    Android自定义控件可以有三种实现方式 组合原生控件自己绘制控件继承原生控件 1 组合原生控件 1.1 组合原...

  • 自定义日历控件

    Android自定义日历控件(继承系统控件实现) 主要步骤 编写布局 继承LinearLayout设置子控件 设置...

  • Android中的自定义控件

    Android中的自定义控件大致可以分成三类:自定义组合控件、继承原生控件的自定义控件、继承View自己实现绘制的...

  • 自定义的控件简介

    android 自定义控件简介 安卓中的自定义控件可以分为三种: 通过将系统提供的控件组合,成为新的控件 自定义V...

  • 自定义控件的原因以及动画的分类

    什么是自定义控件? 在 Android 系统中使用系统自带控件重新组合或者自定义类继承 View / ViewGr...

  • 组合自定义控件的步骤详解

    Android 步骤: 1 自定义组合控件的布局settint_view.xml 2 创建一个自定义子和控件的类S...

  • Android可签到的日历控件

    最近在公司的功能需求中,需要实现可以签到的日历,签到后在签到过的日期做标志。本功能参考了网上一些大神的日历控件,在...

  • Android可签到的日历控件

    最近在公司的功能需求中,需要实现可以签到的日历,签到后在签到过的日期做标志。本功能参考了网上一些大神的日历控件,在...

网友评论

  • 莫语莫雨:你好,如果有兴趣的话,可以投稿专题《Android笔记本》,助力更多开发者

本文标题:Android 自定义组合控件-日历 签到

本文链接:https://www.haomeiwen.com/subject/nlqkbftx.html