[swift] UILabel intrinsicContentSize 활용방법

안녕하세요~

 

오늘은 UILabel의 intrinsicContentSize에 대해서 작성하려고 합니다 : )

 

진행하고 있는 프로젝트에서 CollectionViewCell의 크기를 Cell안에 있는 Label의 

텍스트 길이, 폰트의 사이즈에 따라 동적으로 주고 싶었습니다.

 

여러 방법들 중에서 IntrinsicContentSize를 알게 되었고

어떻게 사용가능한지 방법을 공유하려고 합니다.

 

intrinsicContentSize - 콘텐츠의 본질적인 사이즈

• UILabel 뿐만 아니라 UIButton, UISwitch, UITextField에도 있는 프로퍼티로 해당 객체의 Width와 Height의 고윳값으로 가지고 있습니다.
• UIView에는 없으며 UISlider에는 Width값만 존재합니다.
• AutoLayout이나 SnapKit과 같은 코드 베이스로 UI를 만들 때 width와 height이 정해져 있지 않더라도 제약조건에서 에러가 나지 않는 이유는 intrinsicContentSize를 가지고 있기 때문입니다.

 

적용방법

 

취미 입력 화면

 

CollectionView의 '지금 주변에는' 섹션에 있는 셀을 클릭하면

'내가 하고 싶은' 섹션에 표시해 주는 기능입니다.

 

두 섹션의 텍스트는 같지만 '내가 하고 싶은' 섹션의 텍스트에는 "X"가 추가되어 있습니다.

따라서 기존의 Label의 사이즈보다 "X" 만큼 커진 상태로 넣어주고 싶었습니다.

 

그래서 sizeForItemAt을 이용해 각 셀의 사이즈를 반환할 때

Label의 intrinsicContentSize를 활용했습니다.

 

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {

    let label = UILabel()

    label.text = indexPath.section == 0 ? viewModel.userItems[indexPath.row].hobby : viewModel.wantItems[indexPath.row] + "  X"

    return CGSize(width: label.intrinsicContentSize.width + 10, height: label.intrinsicContentSize.height + 10)
}

 

추가적으로

패딩을 가지고 있는 Label을 만들고 싶을 때 이 프로퍼티를 사용하면 유용합니다.

위의 코드처럼 height값도 추가적으로 원하는 만큼 넣어주게 되면

상하에 패딩이 들어가 있는 형태로 보이게 할 수 있기 때문입니다.

 

혹시 더 좋은 방법이 있으시다면 댓글로 공유해 주시면감사하겠습니다.

 

그럼 이만 👋🏻 👋🏻 👋🏻