autolayout을 사용하여 모든 화면 크기에 대한보기를 조정하는 방법은 무엇입니까?

Question

내 응용 프로그램의 기본 탐색보기는 배경 이미지가있는 UIButtons를 사용합니다. IB에서 autolayout을 사용하여보기를 배치합니다.

아이폰 4, 5, 6 및 6plus에서보기가 동일하게 보이도록 (또는 비슷한 크기로 적절히 조정)하고 싶습니다. 나는 수직 및 수평 제약 조건을 사용하려했지만 종횡비 제약 조건을 사용하는 방법을 파악하는 데 어려움이 있습니다.

이

뷰는 아이폰 여기에 5

에 모습입니다 것은 내가이 무엇을 6

아이폰에 지금까지있어 무엇인가 나는 아이폰 6/6plus처럼 보이길 원한다. 이 모든 아이폰 화면 크기에 대한 동일하거나 유사한을 보이도록

어떻게보기를 확장 자동 레이아웃을 사용합니까?

Answer 1

나는 약간의 조작을했는데 해결책을 찾았다 고 생각합니다. 나는 대략 두 개의 큰 사각형에 대해 그것을 대략 어떻게 수행 하는지를 보여줄 것입니다. 여기

는 참조 화상이다

이 먼저 용기 (내 청색 뷰)을 생성하는 데 필요한 수퍼의 전체 폭에 걸쳐, 동일하거나보다 큰 높이를 갖는다 귀하의 내부 사각형 (오렌지).
이보기에는 Center X를 수퍼 뷰, Align Center Y를 수퍼 뷰에 맞추기 (또는 구속 조건으로 원하는 Y 위치 지정), 높이가 같음 : [사각 높이], 수퍼 뷰의 뒤쪽 공간, 선행 공간 Superview하려면.

내부 오렌지 사각형

컨테이너 내부에 위치해야하며, 다음과 같은 제약 조건을 부여해야합니다 : 정렬 센터 X는 수퍼하는 는 수퍼하는 공간을 선도 (값 = 광장과 슈퍼 ​​뷰의 가장자리 사이의 공간), 는 후행 공간 [다른보기] (값 = 사각형 사이의 공백). 두 개의 정사각형을 함께 선택하고 가로 세로 비, 등 폭 및 동등한 높이 제약 조건을 추가하십시오.
굵은 글꼴의 항목은 선택한 사각형에 따라 다릅니다. 왼쪽에는 다른보기에 대한 공간을 슈퍼 뷰 및 트레일 링하기위한 선행 공간이 있어야하며, 오른쪽에는 이러한 구속 조건을 바꿔야합니다.

자동 레이아웃을 사용하면 원하는 효과를 얻을 수 있습니다.

Answer 2

파티에 조금 늦었지만 추후에 도움이 될 것으로 생각됩니다. 여기 내가 더 나은 방법이라고 생각합니다. 나는 원하는 결과를 얻기 위해 내가 따라야 할 단계들을 쓸 것이다.

1 - 아래와 같이보기 컨트롤러에 두 개의 사각형을 추가하십시오.

2 - 이제 첫 큐브를 선택하고 화면 하단에서 핀 메뉴를 선택합니다. 위쪽 및 왼쪽 구속 조건을 추가하십시오.

3 - 이제 오른쪽에있는 두 번째 큐브를 선택하고 핀 메뉴에서 오른쪽 및 위쪽 제약 조건을 추가하십시오.

4 - 이제 첫 번째 큐브를 선택하고 cntrl - 큐브 내부에서보기 컨트롤러로 끕니다. 이제 메뉴에서 'Equal Widths'를 선택하십시오. 혼란스러워? 기다려.

5 - 'Equal Widths'제약 라인을 더블 클릭하면 메뉴가 나타납니다. 'Multiplier'필드에서 값을 0.4로 변경하십시오.

6 - 오른쪽 큐브에 대해 4 단계와 5 단계를 반복하십시오.

7 - 결과가 iPhone의 다양한 크기처럼 보이는 방법입니다. (첫 번째 장치는 4 인치 장치이고 두 번째 장치는 4.7 인치 장치이며 세 번째 장치는 3.5 인치 장치입니다.) PS는 다음 바닥을 intead '폭 같음'선택하는 상기 스크린 4 단계에서 미리 :)

UPDATE (16/01/2018)

에서 때문에 잘리지 '화면 비율'을 선택하십시오. 이 후에 5 단계를 생략하십시오.