UIView의 포옹은 모두 파란색 위에서 자동 레이아웃

Question

를 사용하여 파단, 오렌지색, 녹색 뷰는 노란색 뷰의 서브 뷰입니다. 하위보기를 포옹하려면 부모 (노란색)보기의 테두리가 필요합니다. 두 이미지간에 발생하는 유일한 동작은 녹색 하위 뷰가 오른쪽 위로 이동하는 것입니다.

주황색보기의 맨 아래가 녹색보기의 맨 아래보다 낮으므로 상위보기는 주황색보기의 맨 아래 가장자리를 포옹합니다.

마찬가지로 녹색보기의 오른쪽 가장자리가 파란색보기의 오른쪽 가장자리를 지나치므로 상위보기가 녹색보기의 오른쪽 가장자리를 포옹합니다.

자동 레이아웃 제약 조건으로이를 수행 할 수있는 방법이 있습니까? 아니면 맞춤 코드를 작성해야합니까?

Answer 1

하단 가장자리의 경우 주황색 및 녹색보기는 각각 두 개의 수직 공간 제약 조건을 필요로합니다. 그들은 :에 "크거나 같음"을 0으로 일정하게 설정 설정 관계와

• 수직 공간의 제약
에 "평등"로 설정 관계, 일정 설정 0과 우선 순위
• 수직 공간의 제약 첫 번째 제약보다 낮습니다.

첫 번째 제약 조건은 공간이 0보다 크거나 같음을 보장합니다. 두 번째 제약 조건은 가능한 경우 이고이며 정확히 0 인 공간이 있습니다.

그런 다음 수평 공간 제약 조건을 사용하여 파랑 및 녹색보기의 오른쪽 가장자리에 대해 복제 할 수 있습니다.