[iOS] Content Hugging Priority와 Content Compression Resistance Priority

 

레이아웃을 잡을 때 가끔 헷갈릴 때가 있는데 참고하기 위한 포스팅입니다!

💡Content Hugging Priority

content Hugging Priority "늘어나는 것에 대한 저항"

→ 우선순위 높을 수록 크기 유지, 우선순위 낮으면 크기 늘어남

 

공간이 남으면 누가 더 늘어나야 하는지에 대한 우선순위!

Hugging의 우선순위가 크다 = 내 크기를 유지하는데 더 큰 우선순위가 있다. 즉 더 우선 순위가 낮은 요소는 늘어나게 된다.

이 속성은 뷰의 크기를 얼마나 확장할 것인지에 대한 우선순위를 정의하며, 우선순위가 높을수록 뷰는 크기를 늘리지 않으려고 시도한다.

 

• Horizontal Content Hugging Priority : 뷰의 가로 방향 크기 확장에 대한 우선순위
• Vertical Content Hugging Priority: 뷰의 세로 방향 크기 확장에 대한 우선순위

예를 들어 만약 특정 뷰가 텍스트를 표시하는 라벨일 때, Content Hugging Priority를 높게 설정하여 라벨이 텍스트 내용을 넘어가지 않도록 할 수 있다. 이렇게 하면 라벨은 가능한 작은 크기로 유지하려고 시도하고, 크기를 늘리지 않도록 한다.

 

💡Content Compression Resistance Priority

Content Compression Resistance Priority "줄어드는 것에 대한 저항"

→ 우선순위 높을 수록 자신의 크기 유지, 우선순위 낮으면 크기 줄어듦

 

반대로 공간이 모자라면 누굴 더 줄여야 하는지에 대한 우선순위!

compression의 우선순위가 크다 = 내 크기를 유지하는데 더 큰 우선순위가 있다. 즉 우선순위가 낮은 요소는 줄어들게 된다.

이 속성은 뷰가 얼마나 압축(Compress)되기 어려운지를 나타내며, 더 높은 우선순위 값은 압축을 어렵게 만든다.

 

• Horizontal Content Compression Resistance Priority: 뷰의 가로 방향 크기 조절에 대한 우선순위
• Vertical Content Compression Resistance Priority: 뷰의 세로 방향 크기 조절에 대한 우선순위

예를 들어, 만약 특정 뷰가 텍스트를 표시하는 라벨이라면, Content Compression Resistance Priority를 높게 설정하여 텍스트 내용이 압축되지 않도록 할 수 있다. 이렇게 하면 라벨은 가능한 큰 크기로 텍스트를 표시하려고 시도하고, 크기를 줄이지 않도록 할 수 있다.