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 다운로드 주소
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.