STUDY/Swift & iOS

[Swift] Section 6 - Auto Layout and Responsive UIs

sinawi95 2023. 1. 24. 11:23
728x90

목표: 반응형 레이아웃 만들기
- 이전까진 특정 크기의 화면만 대응했음. 하지만 옆으로 눕혀서 사용할때나 화면 크기가 다른경우 깨지는 문제가 있음
- 하지만 모든 화면크기에 대해서 하나씩 만드는 건 비효율적임

1. Pin (constraints)

반응형으로 만드는 방법중 하나. 
constriant를 모든 모서리에 0으로 잡으면 회전할때도 맞게 변형됨. 백그라운드 만들때 괜찮은 방법
하지만 일정 사이즈가 들어가는 경우 옆으로 눕혀서 사용할때 깨질 가능성이 높음

 

2. Alignment

모든 크기에 맞추기 위한 적절한 방법.

특정 아이템과 일정 이상을 띄우고 싶으면 싶으면 constraint과 조합해서 사용하면 됨
- horizontal alignment로 중앙을 맞춘다음 윗부분을 constraint로 띄우는 방식

 

3. UIView

1, 2를 쉽게 하기위한 서브모듈 같은 느낌
보이는 화면을 나누고 그안에서 alignment를 맞춤

 

4. Stack View

UI view인데 쉽게 정렬을 하기 위한 아이템