手把手教你最快撸一个日历控件

我们的态度是：每天进步一点点，理想终会被实现。

前言

---

可能很多人都会说，你还自己撸一个日历控件，GitHub有那么多好的开源项目，比如：material-calendarview（https://github.com/prolificinteractive/material-calendarview）4K多的star，而且人家的扩展性也很强，我干嘛要自己撸。我就是个不喜欢用别人的，想着别人能做出来的，自己干嘛不能做出来，再说要是后面的需求越改越多，要是满足不了了，那我们该怎么办？这时就需要我们自己撸了。

还有种情况就是，当我们在赶项目的时候，可能项目初期只需要一个基本的日历控件，其他的暂时用不上，需要我们快速的撸一个。这个时候就派上用场了，教你最快的撸一个日历控件。

看看我们几分钟实现的效果：

Calender日历控件

---

分析

自定义View的实现方式一般就三种：

• 继承系统控件
• 组合系统控件
• 自定义绘制控件

具体这三种方式的详细我就不讲了，不清楚的小伙伴可以查看：

HenCoder Android 自定义 View 1-6： 属性动画（上手篇）（https://juejin.im/post/59af4b415188252427260c3d）
【HenCoder Android 开发进阶】自定义 View 1-7：属性动画（进阶篇）（https://juejin.im/post/59b5fe19f265da06710d8116）

既然我们讲的是快速构建一个日历控件，我们就不完全采用第三种方式绘制。我们主要采用组合系统控件。

分析需求

我们看下面这张图来分析：

从图中我们看出，我们将日历分为三个部分：

第一部分：左右箭头，年月显示
第二部分：星期几
第三部分：日历显示

这里我采用ConstrainLayout约束布局来讲这个布局显示出来，代码如下：

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
   xmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:app="http://schemas.android.com/apk/res-auto"
   xmlns:tools="http://schemas.android.com/tools"
   android:layout_width="match_parent"
   android:layout_height="match_parent">

   <android.support.v7.widget.AppCompatImageButton
       android:id="@+id/preMonth"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_marginStart="32dp"
       android:layout_marginTop="8dp"
       android:src="@drawable/ic_arrow_back_black_24dp"
       app:layout_constraintStart_toStartOf="parent"
       app:layout_constraintTop_toTopOf="parent"/>


   <android.support.v7.widget.AppCompatImageButton
       android:id="@+id/nextMonth"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_marginEnd="32dp"
       android:layout_marginTop="8dp"
       android:src="@drawable/ic_arrow_forward_black_24dp"
       app:layout_constraintEnd_toEndOf="parent"
       app:layout_constraintTop_toTopOf="parent"/>

   <android.support.v7.widget.AppCompatTextView
       android:id="@+id/tv_date"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_marginBottom="8dp"
       android:layout_marginEnd="8dp"
       android:layout_marginLeft="8dp"
       android:layout_marginRight="8dp"
       android:layout_marginStart="8dp"
       android:layout_marginTop="8dp"
       android:text="2018年5月"
       app:layout_constraintBottom_toBottomOf="@+id/preMonth"
       app:layout_constraintEnd_toStartOf="@+id/nextMonth"
       app:layout_constraintStart_toEndOf=