IOS 응용 프로그램의 자동 레이아웃으로 이미지 자동 크기 조정 방법 -

좋은 iOS 개발자가 결정했듯이 계속해서 결정할 것입니다. 앱이 세로 방향과 가로 방향 모두에서 잘 작동해야하는 경우보기를 회전하면 화면 하단에 자동차 (하위보기)가 계속 위치해야합니다.

다행스럽게도, 대부분의 작업은 TestDriveController에서 파생 된 UIViewConroller 클래스에서 완료됩니다. 당신이해야 할 일은 뷰 컨트롤러가 뷰가 방향을 바꿀 때 어떻게 움직이는 지 정확하게 알려주는 것입니다. 크기 표시기를 사용하여 스토리 보드에 그러한 소망을 알릴 수 있습니다.

자동 크기 조정을 관리하려면 일부보기를 선택해야합니다. 이 과정에서 스토리 보드의 왼쪽에 문서 개요가 표시되는지 확인하십시오. 그 이유는 문서 개요를 보면 분명 해집니다. 보기 컨트롤러 - TestDrive 내부에는보기가 있습니다.

해당 뷰 내에 자산 카탈로그의 SeeTheUSA 이미지가 포함 된 이미지 뷰가 있습니다. 이미지 뷰가 포함 된 뷰와 동일한 크기가되었습니다. 각각을 개별적으로 선택할 수 있어야하므로 가장 쉬운 방법은 문서 개요에 있습니다.

크기 설정에는 네 가지 섹션이 있습니다.

• Metrics: 여기에 크기 속성의 상단에 위치 좌표와보기 크기를 설정합니다. 대부분의 경우 인터페이스 작성기 도구를 사용하지만 특정 크기를 원하면 여기에 입력하십시오.

• 이 섹션은 주로 내용을 기준으로보기의 크기를 조정하는 데 사용됩니다. 각각에는 가로 및 세로 값을 조정할 수있는 슬라이더가 있습니다. 이는 켜기 / 끄기 상황이 아닙니다. 런타임에는 값의 무게가 측정되고 가장 높은 값은 충돌이 발생한 위치에서 우선합니다. 모순되는 구속 조건을 설정할 수 있습니다. 예를 들어, 다른 뷰를 기반으로 특정 위치에 뷰를 배치 할 수 있습니다. 이렇게하려면보기의 크기를 조정해야 할 수도 있습니다. 이 경우 포옹 우선 순위가 높아지면 뷰를 다른 뷰에서 10 포인트 떨어진 위치에 배치하라는 요청을 이행하지 않고 크기를 조정할 수 없게됩니다.

  압축은 동전의 반대편입니다. 압축 저항 값이 더 높으면 뷰의 내용을 잘라낼 수있는 크기 조정이 거부됩니다.

  내장 크기:

• 기본 레이아웃으로 기본 설정으로 남겨 두는 기본값으로 설정됩니다. 크기가 조정되거나 모양이 바뀔 수있는 자연의 크기입니다. 제약 조건:

• 이는 자동 레이아웃의 핵심 요소입니다. 보기의 위치에 대한 제한 조건을 제공합니다. 이러한 제약은 경우에 따라 모순이 될 수 있지만 각 제약에 어떤 제약이 더 중요한지 나타 내기 위해 각각에 가중치를 할당 할 수 있습니다. 런타임시 Auto Layout은 가능한 한 최대한 원하는 최적의 구속 조건 모음을 신속하게 파악합니다. Constraints 섹션이 표시되지 않으면 스토리 보드의 자동 레이아웃이 꺼져있을 수 있습니다. 이 기능을 켜려면 프로젝트 탐색기에서 스토리 보드를 선택하고 파일 속성을 엽니 다. 자동 레이아웃 사용 옵션은 인터페이스 빌더 문서 섹션의 확인란입니다.

구속 조건을 설정하려면 문서 개요에서보기를 선택하고 편집기 → 자동 레이아웃 문제 해결 → View Controller에서 제안 된 구속 조건으로 재설정을 선택합니다.

이제 세 가지 제약 조건이 있어야합니다. 세 가지 모두 동일한 기본 구조를가집니다. 첫 번째 뷰는 선택한 뷰 (최상위 뷰 객체)에서 이미지 뷰까지의 후미 공백을 지정합니다. 두 번째는 선행 공백을 지정하고 세 번째 공백은 맨 아래 공백을 지정합니다.

가 와 가이 문맥에 속하는 것이 무엇인지 궁금 할 수 있습니다. 영어, 스페인어, 프랑스어 등의 왼쪽에서 오른쪽으로 쓰는 스크립트에서 선행 공백은 두 뷰의 왼쪽 가장자리 사이의 공간이고 뒤쪽은 오른쪽 가장자리 사이의 공간입니다. 히브리어 또는 아랍어와 같이 오른쪽에서 왼쪽으로 쓰는 언어의 경우 선행 공백은 오른쪽 공백이며 뒤 공백은 왼쪽 공백입니다. 상단 및 하단에 대한 공백은 언어 방향에 독립적입니다. 첫 번째 것을 선택하면 각 구속 조건 오른쪽의 톱니 바퀴 휠을 클릭하면 자세한 내용을 볼 수 있습니다. 기본값은 아주 간단합니다. 최상위 뷰와 이미지 뷰의 오른쪽 가장자리 사이의 간격은 영 (0)입니다. 추가 탐색을하면 아래쪽 간격이 기본값이며 0입니다.

아직 자동 레이아웃 관리가 완료되지 않았습니다. 이미지 뷰를 선택하고 슈퍼 뷰의 맨 아래에 고정하십시오. 에디터 → 핀 → 하단 공간을 사용하여 슈퍼 뷰를 봅니다. 즉, 장치를 회전 할 때 올바른 크기가됩니다.

자동차 이미지에 대해이 과정을 반복합니다. 기본값은 제약 조건의 또 다른 측면을 보여줍니다. 다시 기본보기를위한 기본 하단 공간을 갖게되지만 자동차 이미지의 중심을 X (수평) 좌표의 이미지보기 가운데로 정렬하는 새로운 제한 조건이 생깁니다.

코드를 입력해야만 앱이 실행됩니다. 그러나 코드를 입력하면 시뮬레이터에서 앱을 회전 할 수 있습니다.

이 과정은 자동 레이아웃을 사용하는 전형적인 방법입니다. 스토리 보드 화면에서 레이아웃을 그립니다. 자동으로 일부 제약 조건이 만들어지며 어떤 상황이 발생하는지 테스트 할 수 있습니다. 객체를 수퍼 뷰에 고정하는 것과 같이 제약 조건을 조정해야 할 수도 있습니다.모든 제약 조건을 지우고 기본값으로 재설정 할 수도 있습니다. 또 하나의 조정이 필요할 수 있습니다.