正文

Android自定义日历滑动控件

︶ㄣ米米素材网 メ
米米素材网V管理员 / 阅读
0707

这篇文章主要为大家详细介绍了Android自定义日历滑动控件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

本文实例为大家分享了Android自定义日历滑动控件的使用方法，供大家参考，具体内容如下

Android自定义日历滑动控件

最近公司项目需要做这个需求，自己才疏学浅，总算能写出个大概来，遂在这里记录下来。

分析

先来分析一下：

首先，我们的需求是可以左右点击查看跳转到下一个月，中间的日历控件可以水平滚动选择日期，所以我们中间的日历控件用一个RecycleView来做，左右两位的为ImageVeiw。
LRCalendarView 总体流程：

  • 编写LRCalendarView的布局R.layout.calendar_view
  • 新建类LRCalendarView继承LinearLayout
  • LRCalendarView添加布局R.layout.calendar_view
  • 数据初始化
  • 构建GalleryAdapter
  • 给RecycleView设置GalleryAdapter并且给左右按钮添加点击事件
  • 处理左右日历翻页逻辑
  • 按需要给RecycleView添加item的点击事件

1. R.layout.calendar_view

 

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:id="@+id/activity_main"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:background="#ffffff"
  android:padding="5dp"
  android:orientation="horizontal">
 
  <ImageView
    android:id="@+id/iv_left"
    android:layout_gravity="center_vertical"
    android:src="@drawable/ic_launcher"
    android:layout_width="31dp"
    android:layout_height="31dp"/>
 
  <android.support.v7.widget.RecyclerView
    android:layout_marginLeft="5dp"
    android:layout_marginRight="5dp"
    android:id="@+id/recyclerView"
    android:layout_width="wrap_content"
    android:layout_weight="1"
    android:layout_height="50dp"
    android:layout_centerVertical="true"
    android:background="#ffffff"
    android:scrollbars="none" />
 
  <ImageView
    android:id="@+id/iv_right"
    android:layout_gravity="center_vertical"
    android:src="@drawable/ic_launcher"
    android:layout_width="30dp"
    android:layout_height="30dp"/>
 
</LinearLayout>

2. 新建类LRCalendarView继承LinearLayout并添加布局

 

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
public class LRCalendarView extends LinearLayout {
 
  private Context context;
  private ImageView ivLeft, ivRight;
  private RecyclerView mRecyclerView;
  private GalleryAdapter mAdapter;
  private List<Cell> data = new ArrayList<>();
  private int mCurrYear, mCurrMonth, mCurrDay;
  private int mSelYear, mSelMonth, mSelDay;
  //今天的日期的position
  private int todayPos;
 
  public LRCalendarView(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
    this.context = context;
    setupView(context);
  }
 
  public LRCalendarView(Context context, AttributeSet attrs) {
    this(context, attrs, 0);
  }
 
  public LRCalendarView(Context context) {
    this(context, null);
  }
 
  /**
   * 初始化控件
   */
  private void setupView(final Context context) {
    View view = LayoutInflater.from(context).inflate(R.layout.calendar_view, null);
    this.addView(view);
 
    data = init();
    mRecyclerView = (RecyclerView) findViewById(R.id.recyclerView);
    ivLeft = (ImageView) findViewById(R.id.iv_left);
    ivRight = (ImageView) findViewById(R.id.iv_right);
    //设置manger
    LinearLayoutManager linearLayoutManager = new LinearLayoutManager(context);
    linearLayoutManager.setOrientation(LinearLayoutManager.HORIZONTAL);
    mRecyclerView.setLayoutManager(linearLayoutManager);
    //设置adapter
    mAdapter = new GalleryAdapter(context, init());
    mRecyclerView.setAdapter(mAdapter);
 
  }
}

 

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
public class Cell {
 
  private String day;
  private String month;
  private int mCurrDay;
  private boolean isSelect;
 
  public int getmCurrDay() {
    return mCurrDay;
  }
 
  public void setmCurrDay(int mCurrDay) {
    this.mCurrDay = mCurrDay;
  }
 
  public String getDay() {
    return day;
  }
 
  public void setDay(String day) {
    this.day = day;
  }
 
  public String getMonth() {
    return month;
  }
 
  public void setMonth(String month) {
    this.month = month;
  }
 
  public boolean isSelect() {
    return isSelect;
  }
 
  public void setSelect(boolean select) {
    isSelect = select;
  }
 
}

接下来都是获取日期数据，可以写在一个工具类里，我直接写在LRCalendarView

?
1
2
3
4
5
6
7
8
9
10
/**
   * 初始化每个月的数据
 */
  private List<Cell> init() {
    Calendar calendar = Calendar.getInstance();
    mCurrYear = calendar.get(Calendar.YEAR);
    mCurrMonth = calendar.get(Calendar.MONTH);
    mCurrDay = calendar.get(Calendar.DATE);
    return init(mCurrYear, mCurrMonth, mCurrDay, 0);
  }

 

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
/**
   * @param flag 0：正常初始化日期 1：为左右点击的初始化日期
   */
  private List<Cell> init(int year, int month, int day, int flag) {
    if (flag != 0) {
      day = 1;
    }
    setSelectYearMonth(year, month, day);
    List<Cell> listData = new ArrayList<>();
 
    int mMonthDays = getMonthDays(year, month);
    for (int i = 0; i < mMonthDays; i++) {
      Cell cell = new Cell();
      cell.setDay((i + 1) + "");
      cell.setMonth((month + 1) + "月");
      if (i + 1 == day) {
        cell.setmCurrDay(day);
        todayPos = day;
      }
      listData.add(cell);
    }
    return listData;
  }
 
  private void setSelectYearMonth(int year, int month, int day) {
    mSelYear = year;
    mSelMonth = month;
    mSelDay = day;
}
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
/**
   * 通过年份和月份 得到当月的日子
   *
   * @param year
   * @param month
   * @return
 */
  public int getMonthDays(int year, int month) {
    month++;
    switch (month) {
      case 1:
      case 3:
      case 5:
      case 7:
      case 8:
      case 10:
      case 12:
        return 31;
      case 4:
      case 6:
      case 9:
      case 11:
        return 30;
      case 2:
        if (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0)) {
          return 29;
        } else {
          return 28;
        }
      default:
        return -1;
    }
}

GalleryAdapter

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
class GalleryAdapter extends RecyclerView.Adapter<GalleryAdapter.ViewHolder> {
 
  private LayoutInflater mInflater;
  private List<Cell> mDatas;
  /**
   * 用来记录点击的item
   */
  private int selectedPos;
  private boolean isClick;
 
  public GalleryAdapter(Context context, List<Cell> data) {
    mInflater = LayoutInflater.from(context);
    this.mDatas = data;
  }
 
  public void setList(List<Cell> data) {
    this.mDatas = data;
    isClick = false;
  }
 
  public static class ViewHolder extends RecyclerView.ViewHolder {
    public ViewHolder(View view) {
      super(view);
      tv1 = (TextView) view.findViewById(R.id.textView1);
      tv2 = (TextView) view.findViewById(R.id.textView2);
      linearLayout = (LinearLayout) view.findViewById(R.id.ll);
    }
 
    TextView tv1;
    TextView tv2;
    LinearLayout linearLayout;
  }
 
  @Override
  public int getItemCount() {
    return mDatas.size();
  }
 
  /**
   * 创建ViewHolder
   */
  @Override
  public ViewHolder onCreateViewHolder(ViewGroup viewGroup, int i) {
    View view = mInflater.inflate(R.layout.cell, null);
    ViewHolder viewHolder = new ViewHolder(view);
    return viewHolder;
  }
 
  /**
   * 设置值
   */
  @Override
  public void onBindViewHolder(final ViewHolder viewHolder, final int i) {
 
    if (!isClick) {
      selectedPos = Integer.valueOf(mDatas.get(i).getmCurrDay());
      selectedPos -= 1;
    }
 
    viewHolder.tv1.setText(mDatas.get(i).getDay());
    viewHolder.tv2.setText(mDatas.get(i).getMonth());
 
    if (selectedPos == i) {
      viewHolder.linearLayout.setSelected(true);
    } else {
      viewHolder.linearLayout.setSelected(false);
    }
 
    //如果设置了回调，则设置点击事件
    if (mOnItemClickLitener != null) {
      viewHolder.itemView.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
          isClick = true;
          clearSelection(i);
          notifyDataSetChanged();
          String date = mDatas.get(i).getMonth() + mDatas.get(i).getDay();
          mOnItemClickLitener.onItemClick(viewHolder.itemView, i, date);
        }
      });
    }
 
  }
 
  public void clearSelection(int pos) {
    selectedPos = pos;
  }
 
  private OnItemClickLitener mOnItemClickLitener;
 
  public interface OnItemClickLitener {
    void onItemClick(View view, int position, String date);
  }
 
  public void setOnItemClickLitener(OnItemClickLitener mOnItemClickLitener) {
    this.mOnItemClickLitener = mOnItemClickLitener;
}

给左右的ImageView设置点击事件

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
ivLeft.setOnClickListener(new OnClickListener() {
     @Override
     public void onClick(View v) {
       data.clear();
       data.addAll(onLeftClick(mSelYear, mSelMonth, mSelDay));
       mAdapter.setList(data);
       mAdapter.notifyDataSetChanged();
       mRecyclerView.scrollToPosition(0);
     }
   });
 
 ivRight.setOnClickListener(new OnClickListener() {
     @Override
     public void onClick(View v) {
       data.clear();
       data.addAll(onRightClick(mSelYear, mSelMonth, mSelDay));
       mAdapter.setList(data);
       mAdapter.notifyDataSetChanged();
       mRecyclerView.scrollToPosition(0);
     }
   });
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
/**
   * 左点击，日历向后翻页
   */
  public List<Cell> onLeftClick(int mSelYear, int mSelMonth, int mSelDay) {
    int year = mSelYear;
    int month = mSelMonth;
    int day = mSelDay;
 
    if (month == 0) {//若果是1月份，则变成12月份
      year = mSelYear - 1;
      month = 11;
    } else if (getMonthDays(year, month) == day) {
      //如果当前日期为该月最后一点，当向前推的时候，就需要改变选中的日期
      month = month - 1;
      day = getMonthDays(year, month);
    } else {
      month = month - 1;
    }
 
    return init(year, month, day, 1);
  }
 
  /**
   * 右点击，日历向后翻页
   */
  public List<Cell> onRightClick(int mSelYear, int mSelMonth, int mSelDay) {
    int year = mSelYear;
    int month = mSelMonth;
    int day = mSelDay;
    if (month == 11) {//若果是12月份，则变成1月份
      year = mSelYear + 1;
      month = 0;
    } else if (getMonthDays(year, month) == day) {
      //如果当前日期为该月最后一点，当向前推的时候，就需要改变选中的日期
      month = month + 1;
      day = getMonthDays(year, month);
    } else {
      month = month + 1;
    }
    return init(year, month, day, 1);
}

 

给adapter设置item的点击事件

?
1
2
3
4
5
6
mAdapter.setOnItemClickLitener(new GalleryAdapter.OnItemClickLitener() {
      @Override
      public void onItemClick(View view, int position, String date) {
        Toast.makeText(context.getApplicationContext(), date, Toast.LENGTH_SHORT).show();
      }
    });

以上完成后即可在activity中使用

?
1
2
3
4
<com.lzz.lzzsdk.widget.calenadrView.LRCalendarView
  android:id="@+id/bottom_bar"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"/>

大功告成。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持米米素材网。

原文链接：https://blog.csdn.net/free_co/article/details/53420583