Contents

• Estimate Size가 궁금해진 배경
• Estimate Size는 무슨 프로퍼티일까?

Issue 정리

Estimate Size 에 대해 알아보기 이전에, 왜 이 부분에 대해서 알아봐야겠다는 생각이 들었는지 이슈를 발견한 배경에 대해 정리해보도록 하겠습니다.
CollectionView 로 티켓의 리스트를 구현하고 있는 중이었는데요, Autolayout 을 스토리보드 상으로 제약을 걸고 시뮬레이터로 번갈아 실행해보던 중에 iphone8 디바이스와 iphone pro max에서 레이아웃이 차이가 나는 것을 발견하게 되었습니다.

부끄러운 사고의 흐름 정리

위와 같은 상황을 발견했을 때 제가 해결하기 위해 했던 과정들을 순수하게 나열해보겠습니다.

1. 평상시에 iphone 8 디바이스로 작업하기 때문에 이 문제는 내가 적절하게 오토레이아웃을 잡지 않았기 때문에 발생하는 문제일 것이라고 당연하게 생각하고 attribute 와 constraint 값을 수정하기 시작했다.

2. 혹시 inset 의 문제인가, 아니면 Layout Margins 의 문제일까 싶어서 Size inspector 에 있는 속성을 활성화시켰다가 비활성화시켰다가, 해보면서 어떤 속성이 영향을 미치는지 확인해보기 시작했다.

3. 그러다가 pro max 보다 작은 디바이스인 8 을 기준으로 셀의 사이즈를 고정했기 때문인가 싶어, interface 를 큰 디바이스에서 layout 을 잡으면 작은 디바이스에서는 공간이 작아진 만큼 알아서(?) 작게 나오지 않을까? 하는 생각이 들었다.

4. pro max 를 기준으로 constraint 를 걸고 시뮬에서 실행시키니 이전과 별반 차이점이 없었다. 다만 그 상태에서 interface 를 8로 변경하면 뷰 밖으로 튀어나온 UI Component 에 대해 autolayout Warnings 가 떴다.

5. 그러던 중에 Cell Size 속성에 “Estimate Size” 속성 값을 변경해보았고 none, automatic, custom 중에 어떤 것을 선택하느냐에 따라 레이아웃이 달라지는 것을 보면서 아, 이것이 영향을 미치는 구나. 어떤 속성일까 알아봐야겠다는 생각에 도달하게 된다.

Estimate Size 에 대해 커지는 궁금증

Xcode 가 11로 업데이트 되면서 생겼다는 Estimate Size 는 none, automatic, custom 3가지의 속성을 가지고 있었고 Collection View 와 Collection View Cell 각각 해당 속성을 갖고 있었습니다.
첫번째로 첨부했던 사진은 iphone8을 기준으로 작업한 환경이며 Collection View(이하 CV) 와 Collection View Cell(이하 CVC) 모두 automatic 으로 설정되어있었고요.

• interface 를 iPhone pro max 환경에서 작업한 채로, CV 와 CVC 모두 automatic 으로 설정하고 시뮬을 돌려보면 아래와 같이 보였습니다.
• 보다시피 pro max 에서는 그리드가 예쁘게 잡혀있지만 8 에서는 큰 컴포넌트들이 뷰를 뚫고 나왔습니다. ^^;

• 위 상황을 겪고 나니 적어도 UI 컴포넌트들이 화면 밖으로 튀어나오는 일은 없어야겠다는 생각이 들었죠.
• CV 의 속성 값을 수정할까, CVC 의 속성 값을 수정해볼까 하다가 CV 의 영역에 제약을 주고 그 안에서 CVC 를 automatic 으로 해야겠다는 생각이 들었습니다.

Estimate Size

estimatedItemSize 속성과 다른 값인가?

• 구글 검색창에 “Estimate Size”라고 검색하자 estimatedItemSize 에 관한 개발자 문서가 가장 먼저 나왔습니다. 하지만 estimatedItemSize 는 CGSize 값이지요.