[iOS/UIKit] Auto Layout - Priority 사용하기

안녕하세요 너구리입니다:)

 

오늘은 priority 속성에 대해 알아보고 

사용해 보겠습니다..

 

 

 

Priority

 

사전 정의는 우선, 우선 할 것 입니다!

컴포넌트에 우선순위를 줄 기능 같네요!

 

 

우리가 사용해 볼 기능은 세가지 입니다.

hugging priority, compression resistance priority, constraints priority 입니다!

 

순서대로 알아볼게요!!

 

 

 

Hugging Priority

 

hugging은 안고 있다는 뜻이죠?

직역하면 안고 있는 우선순위인데...

 

실제는 어떤 기능일까요?

바로 컴포넌트의 사이즈를 늘어나지 않고 크기를 유지시키는 우선순위를 말합니다!

 

무슨말인지 이해되시나요?

안되셔도 상관없습니다! 준비한 예제를 본다면 바로 이해하실거에요!ㅎㅎ

 

 

UILabel을 사용해서 테스트를 해볼 예정입니다.

UILabel을 두개 준비하고 leading, top, trailing을 20씩 주도록 할게요!

그럼 이렇게 에러가 발생합니다!

 

에러는 horizontal hugging priority를 설정하라고 하네요!

바로 설정해 보겠습니다!

 

 

첫번째 UILabel의 horizontal hugging priority를 252로 주었습니다.

 

참고로 Priority는 default가 251입니다!

그리고 1000을 준다면 절대적인 우선순위를 가지고 되고 그 이상 설정할 수 없습니다!!

 

 

다시 돌아와서 첫번째 label에 이렇게 설정해 주니까 

첫번째 라벨은 사이즈를 유지하고, 두번째 라벨이 사이즈가 늘어난것을 볼 수 있습니다!!

 

 

아까 뭐라고 설명드렸죠?

컴포넌트의 사이즈를 늘어나지 않고 크기를 유지시키는 우선순위가 hugging Priority라고 말씀드렸죠?

예제를 보시니 이해가 되시나요?

 

 

자 그럼 두번째 UILabel의 hugging priority를 높여보겠습니다.

이렇게 하니 두번째 라벨이 사이즈를 유지시키고

첫번째 라벨이 늘어나게 되는것을 볼 수 있습니다!!

 

 hugging Priority는 컴포넌트를 양쪽으로 늘어나는 것을 버티고 사이즈를  유지시키는 기능입니다!

 

 

 

 

Compression Resistance Priority

 

이친구는 뭐냐

보니까 압축으로 부터 저항한다는것같아요!

 

맞습니다.

hugging priority의 반대 개념으로

압축으로 부터 사이즈를 유지시키는 우선순위를 부여하는 기능입니다

 

참고로 Priority는 default가 750입니다!

그리고 1000을 준다면 절대적인 우선순위를 가지고 되고 그 이상 설정할 수 없습니다!!

 

바로 테스트 해볼게요!!

 

 

첫번째 라벨에 텍스트를 많이 넣으니까 compression resistance priority를 설정하라고 에러가 발생하네요!

첫번째 라벨의 priority를 높여 보겠습니다.

 

두번째 라벨이 완전히 눌려버렸습니다ㅠㅠ

반대로 두번째 라벨의 priority를 올려볼래요ㅠ

 

 

휴 드디어 살려냈습니다!

두번째 라벨의 priority를 높이니까 압축으로부터 이겨내고

자기의 사이즈를 유지시키고 있네요!!

 

다시 정리하면 

compression resistance priority는 압축으로 부터 자신의 사이즈를 유지하는 우선순위입니다!

 

 

Constraint Priority

 

너는 또 뭐냐

제약 조건에 걸린 우선순위 입니다.

 

 

이친구도 바로 예제를 보면서 설명드릴게요!

예제는 compression resistance priority의 예제를 연장해서 사용할게요!

 

 

두번째 라벨의 trailing을 보면 priority가 1000으로 잡혀 있는데요!

이 친구를 250으로 해보겠습니다.

 

 

오.... 이게 뭐죠?

완전히 영역을 벗어나버렸습니다

어떤일이 일어난걸까요?

 

 

먼저 다른 priority를 볼게요!

 

hugging priority는 252, 

compression resistance priority는 751입니다!

trailing에 준 250보다 모두 큽니다!

 

 

눈치 채셔나요?

 

hugging priority가 높으니 늘어나는것에 대해 유지를 해야겠고,

compression resistance priority도 높으니 압축에 대한 크기도 유지를 해야겠고

우선순위가 낮은 trailing을 무너뜨린것이였습니다!

 

 

 

 

 

Priority는 다시 정리하면

컴포넌트의 크기를 유지시키는 역할을 하고 우선순위가 높을 수록

크기를 높은 순위로 유지시킬 수 있다. 

문제가 생길 경우 다른 priority를 고려해서 순위가 높은 순서대로 크기를 유지시키고

문제가 생긴다면 우선순위가 낮은 constaint를 무너뜨리는 것이였습니다!!

 

 

글 읽어주셔서 감사합니다ㅎㅎ