[ TIL ] UICalenderView 와의 싸움.. / 24년 3월 26일

 

출처 : 핀터레스트

 

 

안녕하세요😄 오늘 정말 집중도 안되고, 제대로 구현해낸 것도 없는 하루입니다.

뭐! 이런 날도 있는 거겠죠?!

 

UICalendarView 자식이 뭐라고 내 기를 죽여!

 

 

오늘 배운 공부를 정리해봅시다~!

1일 1로그 100일 완성의 첫 단추를 꿰메었는데요!

오늘의 내용은 하드웨어의 역사..? 컴퓨터의 역사..? 이었던 것 같아요! ( 사실 오늘 좀 대충.. 읽.. 크흠.. )

 

 

오늘은 UICalenderView에서 해당 날짜를 클릭하였을 때,
새로운 ViewController가 등장하면서 달력의 날짜 형식을 넘겨주는 코드를 작성했어요!

 

UICalendarSelectionSingleDateDelegate

UICalenderView에서는 단일한 날짜를 선택하기 위해서는 UICalenderSelectionSingleDateDelegate 이라는 델리게이트를 채택하면 됩니다! 선택 가능한 날짜와 단일 날짜 선택에 대한 변경사항들을 처리해줄 수 있는 프로토콜입니다!

 

달력에서 특정 날짜를 선택했을 때의 동작 구현 함수

func dateSelection(_ selection: UICalendarSelectionSingleDate, didSelectDate dateComponents: DateComponents?) {
   	// 구현
}

 

위의 함수를 통해 달력에서 선택한 날짜에 대한 작업을 수행할 수 있어요!

 

첫 번째 매개변수 selection: UICalendarSelectionSingleDate 는 선택된 캘린더의 객체이고,

두 번째 매개변수 didSelectDate dateComponents: DateComponents? 는 선택된 날짜의 dateComponents 객체입니다.

 

 

CalendarViewController의 확장 클래스

extension CalendarViewController: UICalendarSelectionSingleDateDelegate {
    func dateSelection(_ selection: UICalendarSelectionSingleDate, didSelectDate dateComponents: DateComponents?) {
        
        guard let dateComponents = dateComponents else { return }
        
        // 선택한 날짜를 Date로 변환
        if let selectedDate = Calendar.current.date(from: dateComponents) {
            showToDoListViewController(with: selectedDate)
        } else {
            print("DateComponents를 Date로 변환 실패")
        }
    }
    
    func showToDoListViewController(with date: Date) {
        let storyboard = UIStoryboard(name: "Main", bundle: nil)
        guard let toDoListViewController = storyboard.instantiateViewController(withIdentifier: "ToDoListViewController") as? ToDoListViewController else {
            return
        }
        toDoListViewController.selectedDate = date
        
        // ToDoListViewController를 present하여 표시
        toDoListViewController.modalPresentationStyle = .overFullScreen
        toDoListViewController.modalTransitionStyle = .coverVertical
        present(toDoListViewController, animated: true, completion: nil)
    }
}

 

저는 새로운 ViewController에게 날짜를 전달하기 위해 위와 같이 코드를 짰습니다.

선택된 날짜의 dateComponents를 바인딩해준 뒤 Date로 사용하기 위해서 값을 date로 변경해주었어요.

 

 

☑️ dateComponents를 Date형식으로 변경시키는 함수

let selectedDate = Calendar.current.date(from: dateComponents)

 

 

다음 화면을 연결해준 뒤 date로 바꾼 값을 넘겨주었어요!!

 

 

 

화면의 빈 부분 클릭시 화면 전환

추가로 구현한 부분은 화면의 빈부분을 터치했을 때, 화면이 전 화면으로 전환되게끔하는 것도 구현을 했어요!

 

// 터치 감지용 UITapGestureRecognizer 생성
let tapGesture = UITapGestureRecognizer(target: self, action: #selector(handleOutsideTap))
        
// ViewController의 view에 추가
self.view.addGestureRecognizer(tapGesture)

해당 ViewController 의 viewDidLoad() 함수 부분에 터치 감지용 UITapGestureRecognizer 를 생성해줍니다.

view 부분을 투명으로 설정해두어서 view 부분에 터치 감지용 UITapGestureRecognizer 가 저장된 tapGesture 변수를 추가해주었어요!

 

// 바깥쪽 영역 터치 시 호출될 메서드
@objc func handleOutsideTap() {
    dismiss(animated: true, completion: nil)
}

추가로 해당 ViewController에 위의 함수만 구현해주면 됩니다!

터치가 감지되었을 때, 실행되는 함수에요! 전 화면으로 돌려주는 dismiss 함수를 넣어주었습니다!

 

생각보다 간단해서 놀랬어요! ㅎㅎ

 

 

구현화면

 

 

 

공부를 하면 할수록 부족한 점이 보이고, 더 공부해야할 부분이 보이네요!

그래서 더 조급하게 매일 매일을 달려가는 것 같습니다..!

아직 모르는게 산더미에요!!!

오늘 하루도 수고많았어! 내일도 화이팅!!!