Android自定义日历效果

更新时间：2020年05月21日 14:42:39 作者：qq_36914492

这篇文章主要为大家详细介绍了Android自定义日历效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

因为工作功能需求，自定义一个日历，效果如下，点击选中日历

使用github上面一个前辈的框架

implementation 'com.necer.ncalendar:ncalendar:5.0.0'
implementation 'com.github.CodingEnding:PopupLayout:v1.0'//poplayout

框架使用基本类型地址，大家可以根据需要学习修改：地址

自定义日历的xml文件

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.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="wrap_content"
 tools:context=".CalendarActivity">

 <View
  android:id="@+id/title_bar"
  android:layout_width="320dp"
  android:layout_height="40dp"
  android:background="@drawable/calendar_bg"
  app:layout_constraintEnd_toEndOf="parent"
  app:layout_constraintStart_toStartOf="parent"
  app:layout_constraintTop_toTopOf="parent" />

 <TextView
  android:id="@+id/year"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_marginStart="18dp"
  android:text="2018"
  android:textColor="#ffffff"
  android:textSize="16sp"
  app:layout_constraintBottom_toBottomOf="@id/title_bar"
  app:layout_constraintStart_toStartOf="@id/title_bar"
  app:layout_constraintTop_toTopOf="@id/title_bar" />

 <TextView
  android:id="@+id/month"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_marginStart="18dp"
  android:text="四"
  android:textColor="#ffffff"
  android:textSize="18sp"
  app:layout_constraintBottom_toBottomOf="@id/title_bar"
  app:layout_constraintEnd_toEndOf="@id/title_bar"
  app:layout_constraintStart_toStartOf="@id/title_bar"
  app:layout_constraintTop_toTopOf="@id/title_bar" />
 <TextView
  android:id="@+id/monthName"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:text="月"
  android:textColor="#ffffff"
  android:textSize="18sp"
  app:layout_constraintBottom_toBottomOf="@id/title_bar"
  app:layout_constraintStart_toEndOf="@id/month"
  app:layout_constraintTop_toTopOf="@id/title_bar" />
 <com.necer.view.WeekBar
  android:id="@+id/week"
  android:layout_width="320dp"
  android:layout_height="wrap_content"
  android:layout_marginTop="10dp"
  app:layout_constraintEnd_toEndOf="parent"
  app:layout_constraintStart_toStartOf="parent"
  app:layout_constraintTop_toBottomOf="@id/title_bar" />

 <com.necer.calendar.MonthCalendar
  android:id="@+id/month_calendar"
  android:layout_width="320dp"
  android:layout_height="280dp"
  app:layout_constraintEnd_toEndOf="parent"
  app:layout_constraintStart_toStartOf="parent"
  app:layout_constraintTop_toBottomOf="@id/week" />

 <View
  android:id="@+id/bottom_view"
  android:layout_width="320dp"
  android:layout_height="40dp"
  android:background="@drawable/calendar_bg_bottom"
  app:layout_constraintEnd_toEndOf="parent"
  app:layout_constraintStart_toStartOf="parent"
  app:layout_constraintTop_toBottomOf="@id/month_calendar" />

 <TextView
  android:id="@+id/lastYear"
  android:layout_width="0dp"
  android:layout_height="wrap_content"
  android:gravity="center"
  android:onClick="lastYear"
  android:text="上一年"
  android:textColor="#ffffff"
  app:layout_constraintBottom_toBottomOf="@id/bottom_view"
  app:layout_constraintEnd_toStartOf="@id/dividerOne"
  app:layout_constraintStart_toStartOf="@id/bottom_view"
  app:layout_constraintTop_toTopOf="@id/bottom_view" />

 <View
  android:id="@+id/dividerOne"
  android:layout_width="1dp"
  android:layout_height="40dp"
  android:background="#ffffff"
  app:layout_constraintEnd_toStartOf="@id/lastMonth"
  app:layout_constraintStart_toEndOf="@id/lastYear"
  app:layout_constraintTop_toTopOf="@id/bottom_view" />

 <TextView
  android:id="@+id/lastMonth"
  android:layout_width="0dp"
  android:layout_height="wrap_content"
  android:gravity="center"
  android:onClick="lastMonth"
  android:text="上个月"
  android:textColor="#ffffff"
  app:layout_constraintBottom_toBottomOf="@id/bottom_view"
  app:layout_constraintEnd_toStartOf="@id/dividerTwo"
  app:layout_constraintStart_toEndOf="@id/dividerOne"
  app:layout_constraintTop_toTopOf="@id/bottom_view" />

 <View
  android:id="@+id/dividerTwo"
  android:layout_width="1dp"
  android:layout_height="40dp"
  android:background="#ffffff"
  app:layout_constraintEnd_toStartOf="@id/nextMonth"
  app:layout_constraintStart_toEndOf="@id/lastMonth"
  app:layout_constraintTop_toTopOf="@id/bottom_view" />

 <TextView
  android:id="@+id/nextMonth"
  android:layout_width="0dp"
  android:layout_height="wrap_content"
  android:gravity="center"
  android:text="下个月"
  android:textColor="#ffffff"
  android:onClick="nextMonth"
  app:layout_constraintBottom_toBottomOf="@id/bottom_view"
  app:layout_constraintEnd_toStartOf="@id/dividerThree"
  app:layout_constraintStart_toEndOf="@id/dividerTwo"
  app:layout_constraintTop_toTopOf="@id/bottom_view" />

 <View
  android:id="@+id/dividerThree"
  android:layout_width="1dp"
  android:layout_height="40dp"
  android:background="#ffffff"
  app:layout_constraintEnd_toStartOf="@id/nextYear"
  app:layout_constraintStart_toEndOf="@id/nextMonth"
  app:layout_constraintTop_toTopOf="@id/bottom_view" />

 <TextView
  android:id="@+id/nextYear"
  android:layout_width="0dp"
  android:layout_height="wrap_content"
  android:gravity="center"
  android:text="下一年"
  android:textColor="#ffffff"
  android:onClick="nextYear"
  app:layout_constraintBottom_toBottomOf="@id/bottom_view"
  app:layout_constraintEnd_toEndOf="@id/bottom_view"
  app:layout_constraintStart_toEndOf="@id/dividerThree"
  app:layout_constraintTop_toTopOf="@id/bottom_view" />
</androidx.constraintlayout.widget.ConstraintLayout>

MainActivity，日历的功能重写也是在和这个函数中

package com.example.calendartest;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.os.Handler;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;

import com.codingending.popuplayout.PopupLayout;
import com.necer.calendar.BaseCalendar;
import com.necer.calendar.MonthCalendar;
import com.necer.enumeration.CheckModel;
import com.necer.enumeration.DateChangeBehavior;
import com.necer.listener.OnCalendarChangedListener;

import org.joda.time.LocalDate;

public class MainActivity extends AppCompatActivity {
 PopupLayout popupLayout;
 View calendarView;
 TextView mYear, mMonth, lastYear, nextYear, lastMonth, nextMonth;
 MonthCalendar monthCalendar;
 int currentYear, currentMonth;
 Button intent;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  intent = findViewById(R.id.intent);
  calendarView = View.inflate(this, R.layout.calendar, null);
  popupLayout = PopupLayout.init(this, calendarView);

 }

 public void intent(View view) {
  initCalendar();
  popupLayout.show(PopupLayout.POSITION_CENTER);
 }

 public void initCalendar() {
  monthCalendar = calendarView.findViewById(R.id.month_calendar);
  mYear = calendarView.findViewById(R.id.year);
  mMonth = calendarView.findViewById(R.id.month);
  lastYear = calendarView.findViewById(R.id.lastYear);
  nextYear = calendarView.findViewById(R.id.nextYear);
  lastMonth = calendarView.findViewById(R.id.lastMonth);
  nextMonth = calendarView.findViewById(R.id.nextMonth);
  monthCalendar.setCheckMode(CheckModel.SINGLE_DEFAULT_UNCHECKED);

  monthCalendar.setOnCalendarChangedListener(new OnCalendarChangedListener() {
   @Override
   public void onCalendarChange(BaseCalendar baseCalendar, int year, int month, LocalDate localDate, DateChangeBehavior dateChangeBehavior) {
    mYear.setText(String.valueOf(year));
    mMonth.setText(String.valueOf(month));
    intent.setText(String.valueOf(localDate));
    currentYear = year;
    currentMonth = month;
    new Handler().postDelayed(new Runnable() {
     @Override
     public void run() {
      popupLayout.dismiss();
     }
    },800);
   }
  });
 }

 public void lastMonth(View view) {
  monthCalendar.toLastPager();
 }

 public void nextMonth(View view) {
  monthCalendar.toNextPager();
 }

 public void nextYear(View view) {
  monthCalendar.jumpDate(currentYear + 1, currentMonth, 1);
 }

 public void lastYear(View view) {
  monthCalendar.jumpDate(currentYear - 1, currentMonth, 1);
 }
}

GitHub下载地址

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

您可能感兴趣的文章:

Android 实现右滑返回功能
右滑返回功能在ios上非常实用，因为它的返回键在左上角，下面脚本之家小编给大家带来了Android 实现右滑返回功能，感兴趣的朋友一起看看吧
2018-04-04
Android自定义View之简约风歌词控件实战指南
一些接触Android不久的朋友对自定义View都有一丝畏惧感,总感觉这是一个比较高级的技术,但其实自定义View并不复杂,有时候只需要简单几行代码就可以完成了,这篇文章主要给大家介绍了关于Android自定义View之简约风歌词控件的相关资料,需要的朋友可以参考下
2021-07-07
Android 实现仿网络直播弹幕功能详解及实例
这篇文章主要介绍了Android 实现仿网络直播弹幕功能详解的相关资料,并附实例代码及实现效果图，需要的朋友可以参考下
2016-11-11
一个Activity中多个Fragment的切换
经常会遇到在一个activity界面上布局多个fragment，但是如何从一个fragment跳转到另一个fragment呢？本文主要对一个Activity中多个Fragment的切换进行介绍，下面跟着小编一起来看下吧
2017-01-01
Android 网络状态实时监听代码实例(一)
本文给大家介绍Android 网络状态实时监听代码实例(一)，对android网络状态监听相关知识感兴趣的朋友一起学习吧
2016-03-03
Android自定义TextView仿微信朋友圈文字展开全文功能
这篇文章主要为大家详细介绍了Android自定义TextView仿微信朋友圈文字展开全文功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2018-06-06
Android使用AndroidUtilCode实现多语言
这篇文章主要为大家介绍了Android使用AndroidUtilCode实现多语言示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-01-01
Android开源库自定义相机模块
这篇文章主要为大家详细介绍了Android开源库自定义相机模块，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2018-05-05
浅谈android获取设备唯一标识完美解决方案
本篇文章主要介绍了浅谈android获取设备唯一标识完美解决方案，具有一定的参考价值，有兴趣的可以了解一下
2017-08-08
点击微信内网页a标签直接跳转打开淘宝APP的方法实例
这篇文章主要给大家介绍了关于如何实现点击微信内网页a标签直接跳转打开淘宝APP的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面来一起看看吧。
2017-11-11

Android自定义日历效果

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具