iOS앱개발 12주차

2024. 11. 28. 15:10iOS앱개발

auto layout 설정하기 1번째 방법

정 가운데 위치하게 해주는 제약 조건 Constraints

이를 추가해주게 되면 video Scene에 Constraints가 생성된다.

 

 

 

오토 레이아웃을 지정하는 방법들 

iOS 오토 레이아웃(Auto Layout)은 화면 크기나 디바이스에 따라 UI를 유연하게 배치할 수 있도록 돕는 기술입니다. 핵심 기술은 다음과 같습니다:


1. 제약 조건(Constraints)

  • 오토 레이아웃의 기본 요소로, 뷰 간의 관계(예: 위치, 크기)를 정의합니다.
  • 주요 속성:
    • leading, trailing, top, bottom: 가장자리 기준 제약
    • width, height: 크기 제약
    • centerX, centerY: 중심 정렬 제약
  • 제약 조건을 통해 뷰가 디바이스와 다른 뷰에 상대적으로 배치되도록 설정합니다.

2. 우선순위(Priority)

  • 각 제약 조건은 우선순위를 가집니다(0~1000).
  • 충돌하는 제약 조건이 있을 때, 우선순위가 높은 조건이 우선 적용됩니다.
  • 이를 통해 유연성을 확보할 수 있습니다(예: 뷰 크기 조정).

3. Intrinsic Content Size

  • 뷰가 본래 가지고 있는 고유 크기입니다.
  • 레이블, 버튼 등의 콘텐츠 기반 뷰는 이 값을 기준으로 기본 크기가 결정됩니다.

4. Safe Area

  • 기기 화면의 안전 영역을 나타냅니다(예: 노치, 홈 인디케이터를 피하는 영역).
  • 제약 조건에서 safeAreaLayoutGuide를 사용해 안전한 배치를 보장합니다.

5. Stack View

  • 여러 뷰를 정렬하는 컨테이너 뷰로, 코드나 스토리보드에서 손쉽게 사용할 수 있습니다.
  • 수평 또는 수직 방향으로 정렬하며, 내부 패딩 및 간격 설정이 가능합니다.

6. 오토 레이아웃 엔진

  • 오토 레이아웃은 제약 조건을 기반으로 시스템이 동적으로 뷰를 계산 및 배치합니다.
  • 복잡한 제약 조건일수록 성능에 영향을 미칠 수 있습니다.

7. 스토리보드 및 코드 기반 구성

  • 스토리보드: Interface Builder에서 드래그 앤 드롭으로 제약 조건 설정.
  • 코드: NSLayoutConstraint를 활용하거나, NSLayoutAnchor를 통해 간결하게 설정.

 

 

App 아이콘을 등록하는 방법

 

'iOS앱개발' 카테고리의 다른 글

iOS실무  (0) 2025.03.06
iOS 앱개발 13주  (1) 2024.12.05
iOS앱개발 10주차  (6) 2024.11.14
iOS앱개발 9주차  (2) 2024.11.07
iOS앱개발 8주차  (3) 2024.10.31