# Hugging / Resistance Priority

[yoogail105]

Hugging / Resistance Priority

• 스토리보드를 통해 오토레이아웃을 적용할 때 사용되는 요소
• 컴포넌트들의 사이즈가 명확하게 정해져있지 않을 때 사용
• 우선순위를 정하는 것이다!

만보랑을 만들 때에 이 우선순위를 사용한 적이 있다.

• 위와 같은 화면에서 별도로 Priority를 설정해 주지 않으면 아래의 사진과 같이, ‘이름을 지어주세요!’라는 Lable과, 만보 그림의 ImageView의 Resistance priority를 변경해 달라는 경고가 뜬다.

  
  

이렇게 뜨는 이유!를 알기 전에 알아야 할 것은

• UILable은 Intrinsic Content Size 를 가진다.
  • 이는, 컨텐츠의 본질적인 크기를 가진다는 말이다.
  • UILable의 경우에는 width, height에 대한 고유의 크기, 즉 Intrinsic Content Size를 가지기 때문에 너비와 높이를 지정해 주지 않아도 레이아웃에서 오류가 나지 않는다.
• 구현하고 싶었던 화면은
  • Label의 사이즈는 고정, 남은 공간 만큼 만보의 사진으로 채우고 싶다.
    

여기에서 오류가 나는 이유는?

• UILabel의 높이와, UIImageView(만보)의 높이를 더했을 때 뷰에서 허용된 세로 길이를 넘음. → 이 상황에서 어떤 것의 크기를 줄여야 하는가? 를 정해주지 않았기 때문에 오류가 난다.
  

해결 방법은?

• 크기를 고정하고 싶은 것을 정한다!

  • 이곳에서 나는 Label의 자체 높이를 고정하고 남은 공간만큼 만보 이미지에 주고 싶기 때문에 내가 지키고 싶은 것은 Label이다.

• 고정하고 싶은 것의 우선순위를 높인다!

  • Hugging Priority 와 Resistance Priority 중에 어떤 것을 높여야 할까?
  • 여기에서는 Resistance Priority 를 높인다. 그 이유는 표시할 공간이 부족한 상황이기 때문이다.
  • 반대로 Hugging Priority 는 화면에 그린 후 공간이 남은 경우 어떤 것을 더 크게 할지 결정하는 것이다.

• 위와 같이 Label의 Vertical Resistance Priority 를 올려주면 오류가 사라진다.

  • Vertical을 올려주는 이유는 간단하다. 세로 공간이 부족하기 때문.

👉 오토 레이아웃 이슈 깨-끗

🔖 참고

• Swift Hugging Priority Resistance Priority 쉽게 생각하자
• iOS) Auto Layout 정복하기 (3/5) - IntrinsicContentSize, Hugging Priority/ Compression Resistance Priority

[yoogail105]

위의 만보랑 예제를 통해 Priority에 대해 이해하는 시간을 가졌으니 정리해보자. 핵심은 무엇을 고정 할 지, 공간이 남는지/부족한지 를 아는 것.

👆 Hugging Priority

• 컴포넌트를 표시할 공간이 넘칠 때 사용
• 컴포넌트들을 표시하고도, 여백이 남은 경우를 의미
• 고정하고자 하는 것을 설정하고, 우선순위를 높인다!
  

Hugging Priority 적용 시 변화

• 고정하고자 하는 것은 말그대로 고정
• 고정하지 않은 것의 크기가 변한다.
  • 공간이 남아서 발생한 이슈 이므로
  • 크기를 늘려서 공간을 채운다.
    

👇 Resistance Priority

• 컴포넌트를 표시할 공간이 부족할 때 사용
• 컴포넌트들을 표시할 여백이 부족한 경우를 의미
• 고정하고자 하는 것을 설정하고, 우선순위를 높인다!

Resistance Priority 적용 시 변화

• 고정하고자 하는 것은 말그대로 고정
• 고정하지 않은 것의 크기가 변한다.
  • 공간이 부족해서 발생한 이슈 이므로
  • 크기를 줄여서 공간을 채운다.