[Swift] Content Priority Ambiguity 에러 해결하기 (hugging priority, compression resistance priority 란?)

Swift에서 AutoLayout을 활용하여 크기를 조절하다보면 아래와 같은 에러가 발생할 때가 있다. 그냥 단순히 margin을 설정했을 분인데 왜.. 도대체 에러가 발생하지?

label과 label 사이에 margin을 20으로 설정했는데, 이렇게 빨간줄이 뜨면서 전혀 수정되지 않았다. 왜 안움직여?? 이는 바로 error가 발생한 것이다.

왼쪽 네비게이터(?)에 보면, 오른쪽 상단에 작은 빨간 화살표가 생겼다. 클릭해보자.

무슨에러일까? 에러 메세지는 다음과 같다.

"Content Priority Ambiguity", "Set vertical hugging priority"라고 나온다. 도대체 무슨말일까.
이는 바로 content hugging priority를 설정하라는 뜻이다. 이는 side inspector 메뉴에서 설정 가능하다. (아래 사진을 보자. xcode 왼쪽 사이드 바 아래에서 두번째 위에 있는 content hugging priority 메뉴에서 설정 가능하다)

 

 

여기서 잠깐, content hugging priority란 무엇일까?

ui 프레임워크에서 제공하는 일부 view에는, contents 고유 사이즈라는 개념이 있다. 예를들어, UI Label, UI button들과 같은 뷰의 속성, 텍스트나 이미지에 따라 크기가 결정되는 view들이 있다. 이러한 view들은 다른 view들간의 걸린 제약에 의해 본래의 콘텐츠 고유 사이즈보다 더 늘어나거나 줄어들게 된다. 더 늘어나게 되는것에 대해 저항하는 제약을 contents hugging이라고 하고, 줄어드는 것에 대해 저항하는 제약을 contents compression resistance 라고 한다. 이 고유 콘텐츠 사이즈의 변경에 대한 제약에도 우선순위가 있는데, 이 우선순위에 따라 콘텐츠 고유 사이즈보다 더 늘어날 경우, 사이즈를 늘어나게 할건지 줄어들게 할 건지 정할 수 있다. 그래서 어떤것에 우선순위를 주어야할지 hugging priority를 설정해주어야 한다!

hugging  priority의 우선순위가 더 높으면 내 크기를 유지하고, 우선순위가 낮은애의 크기가 늘어난다. 따라서 크기가 커져야 하는 라벨의 우선순위를 낮게 설정해주면 아래와 같이 화면을 구성할 수 있다.

나는 두개의 라벨 중 위에있는 라벨의 크기를 크게하고 싶어서, 위에 있는 라벨의 우선순위를 더 낮게! 설정해 주었다.

두 라벨의 관계는 vertical 로 놓여져 있기에, vertical의 hugging priority를 설정해주엇고, 앞서 언급했던 것 처럼 위의 라벨의 우선순위를 낮게 주고 싶어서 251로 두었던 수를, 250으로 변경해주었다. 그러면 에러는 사라지고 내가 원했던 것처럼 위의 라벨의 크기가 커진다!

(compression resistance priorty는 직역하면 압축에 대한 저항(?) 이다. 그래서 compression 우선순위가 높으면 자신의 크기를 유지하고, 우선순위가 낮으면 크기가 줄어들게 된다.) 

우선순위는 1~1000 까지 1단위로 설정이 가능한데, 1000은 required, 750은 high, 500은 medium,  250은 low와 같이 250 단위로 미리 지정된 값이 있어서 보통 이렇게 250을 단위로 많이 사용한다.

 

 

끝!

간단한 에러지만 기억하기 위해 적어둔다 ㅎㅎ :)