Android自定义日历效果

时间:2022-07-26
本文章向大家介绍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下载地址

以上就是本文的全部内容,希望对大家的学习有所帮助。