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下载地址
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持海外IDC网。