[TIL] 2022 / 08 / 21

컬렉션뷰 코드로 구현

 

 

똑같이 커스텀뷰에 인스턴스 생성

이때 UICollectionView를 초기화할땐 frame과 collectionViewLayout의 값이 반드시 있어야함.

-> 런타임 에러 발생

 

 

커스텀뷰를 만드는 것처럼 똑같이 만들어줌.

뷰컨트롤러에서 셀을 등록해주면 끝.

-> 나머지는 똑같이 프로토콜 채택 후 구현.

 

 

 

CollectionViewCell Selection 효과

 

 

프로퍼티 옵저버를 사용했음.

 

didSet은 isSelected의 값이 바뀐 직후 실행됨.

-> 값이 true로 바뀌었을때 테두리 색이 white로 바뀌는 것

 

didSelect메서드가 구현되어 있지 않아도 셀을 선택하면 isSelected값이 바뀌나봄.

 

 

 

테이블뷰 코드로 구현

 

 

컬렉션뷰와 init구문빼고는 똑같음.

 

인스턴스 생성

 

커스텀뷰와 동일하게 작성

 

셀 등록

 

---

다이어리 프로젝트

 

 

오늘 구현한 것

 

1. 이미지 선택 뷰

 

-> 작성화면에서 이미지 버튼 누르면 이미지 선택 뷰로 전환

-> 서치바로 검색 시 UnsplashAPI로 이미지 컬렉션뷰에 표시

-> 셀 선택 시 테두리 효과 구현(중복 선택 false)

-> 셀 선택 후 완료 버튼을 누르면 작성화면의 이미지뷰에 표시(클로저 사용)

-> 페이지네이션

 

 

2. 글 쓰기 뷰

 

-> UI 수정

-> 버튼 클릭 시 이미지 선택 뷰로 넘어감

-> 글 작성하고 완료 버튼 누르면 내 다이어리 뷰에 데이터 전달

-> 만약 제목이나 날짜를 선택하지 않았다면 alert띄움.

 

 

 

3. 내 다이어리 뷰

 

기능만 구현한 상태라 UI적인 부분은 아직 미완성임.

 

-> 글 쓰기 뷰에서 완료 눌렀을 때 데이터 전달받아 테이블 뷰에 띄움.

-> 만약 이미지를 선택하지 않은 경우엔 기본적인 색 이미지로 설정.