나른한코딩_

문자열의 사이즈에 cell의 상하좌우 inset을 더한 만큼을 cell을 그릴 때마다 width로 동적으로 할당하도록 flowLayout을 설정하였다. 코드는 아래와 같다. extension ViewController: UICollectionViewDelegateFlowLayout { func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize { let topBottomInset: CGFloat = 10 let leadingTrailingInset: CGFloat = 20 let cellH..

저는 주로 모두 비율을 똑같이 배치할 때 스택뷰를 사용합니다. 그런데 아래 사진과 같이 같은 컴포넌트들을 배치하여 스택뷰에 넣었을 때 가끔 문제가 발생합니다. 위의 사진에서 보면 저는 Title이 아닌 Overview 레이블을 크게 만들고 싶었습니다. 그런데 스택뷰로 묶고 난 직후에 보면 위와 같이 묶입니다! (보기좋게 레이블 별로 background색상을 추가해보았습니다) 이럴때 조절해주어야 하는 속성이 인터페이스 빌더에 있는 Content Hugging Priority, Content Compression Resistance Priority 입니다! 이름만 보면 뭔말이야 싶죠..? 두 속성에 대해 간단한 설명을 적어본 후 아래쪽에 해결방법을 적어두었습니다. (결과만 보고싶으신 분들은 아래쪽으로 스크롤..

컬렉션뷰..너 나한테 왜그래.. 컬렉션뷰에 원 모양으로 영화포스터 이미지들을 넣어주고자 했습니다. 그런데 아래 사진 처럼 앱을 실행했을 때 이렇게 원형이 아닌 사각형 모양으로 뜨고, 좌우로 스크롤을 한번 하고 나면 원형으로 잘 나타났습니다. 위의 미리보기 이미지가 previewImage 이고, 아래와 같이 cellConfigure() 함수를 작성하고 collectionView의 cellForRowAt 함수에서 불러주었습니다. 그래서 imageView에 대해 설정해주던 부분을 지우고, layoutSubviews() 로도 해봤는데 비슷한 형상이 보이고 cell에 설정을 해주었더니 제대로 뜨네요 🤔 이유가 뭘까요... 이유를 찾아서 나중에 추가로 적어두겠습니다 틀린부분이 있거나, 더 좋은 방법이 있다면 댓글로..

여러 개의 cell을 보여줄 때는 주로 자유도가 높아 커스텀하기 좋은 collectionView를 사용한다고 들었는데, 어떨 때 tableView로 구성해야 하는지, 어떨 때 colletionView로 구성해야하는지에 대해 알아보기 위해 테이블뷰와 컬렉션뷰의 장단점을 찾아보다가 정리하게 되었다. tableView 란? 단일 열에 배열된 행을 사용해 데이터를 표시하는 뷰이다. @MainActor class UITableView : UIScrollView UIScrollView를 상속 받고 있다. 보통 목록을 스타일을 구현할 때 사용되고, 수직 스크롤만 가능하다. 테이블의 개별 항목을 구성하는 cell은 UITableViewCell 이다. indexPath값을 통해 cell을 구분한다. 여러 행은 하나의 섹..