Udemy iOS 강의 - 섹션 6

모든 장치, 모든 방향에서 잘리는 부분 없이 앱을 디자인하고자 함.

수동으로 회전해가며, 기기를 바꿔가며 디자인하는 것은 비효율적

→ Rules or Constraints 의 필요성

배경이미지가 언제든 화면에 꽉 차도록 하고 싶음

→ Constraints 추가(상하좌우로부터 여백을 갖지 않도록)

빨간 실선으로 만들어서 제약을 활성화→ Add ... Constraints

그런데,

가로모드에서 방금 적용한 제약이 양 끝에는 적용되지 않는 문제 발생

• 배경.trailing = Safe Area.trailing → 배경.trailing = SuperView.trailing으로 변경
• SuperView는 현재 선택된 요소를 포함하는 상위 View로, 여기서 배경의 SuperView는 화면 전체를 커버함

→ 오른쪽(trailing) 여백 해결!

→ 왼쪽(leading)도 같은 방법으로 해결 가능

로고를 가운데 배치하기

→ Alignment Constraints 추가(픽셀 단위로 제약을 추가하면 가로모드로 했을 때 안 보이는 문제가 있음)

+ 다른 요소를 기준으로 그것보다 30 픽셀 아래로 고정하는 등의 제약도 추가 가능

Stack View를 이용해 세로로 View들을 배치하고 Distribution - Fill Equally 선택

→ 아래와 같은 Constraints 오류 해결

버튼 내 글자 크기/길이에 따라 버튼 크기가 설정되는 문제

정렬 제약을 주었기 때문에 발생했음

크기를 원하는대로 조절했더니 다음과 같은 경고 발생

고정된 너비 제약은 글자가 그것보다 길 경우 잘리는 문제가 있다!

그래서 최소 제약을 내가 지정한 너비로 하면 됨 -> 글자가 매우 길어지면 그 길이에 맞게 너비가 늘어남

 

출처: https://www.udemy.com/course/ios-13-app-development-bootcamp/