StoryBoard Interface Builder

StoryBoard에서 AutoLayout-Constraint 설정을 한 눈에 보고 설정하는 방법에 대해서 알아보자!!!

해당 Interface Builder들은

Pin 메뉴

해당 (View의 위치와 크기) + (Aspect Ratio) 를 지정해줄 수 있는 메뉴

Alignment 메뉴

View들의 정렬을 지정해줄 수 있는 메뉴

Resolve 메뉴

해당 두 요소는 Xcode의 추천을 받아서 Constraint를 채우는 것인데, 매우매우 불확실한 방법이라 비추한다고 한다. 절대 절대 사용하지 말라는 내용이 많다.

• Add Missing Constraints
• Reset to Suggested Constraints

Clear Constraints 의 경우는 유용하게 사용될 것 같다

Embed in

여러 가지 View들을 View, Scroll View, Stack View 등에 담는 방법이 있는 메뉴

StackView(Auto Layout without Constraints)

constraints 없이도 autoLayout 설정하기 = StackView

• axis : UIStackView의 축 방향(vertical or horizontal)
• orientation : NSStackView의 축 방향(vertical or horizontal)
• distribution (요소들의 사이즈에 대해서 설정)
  • fill : hugging priority에 따라서 채우기
  • fillEqually : 모든 요소들을 동등한 사아즈로 채우기
  • fillProportionally : Contents들의 비율대로 나누어서 채우기
  • equalSpacing : 동등한 거리를 가지게 하며 채우기
• alignment (요소들의 위치와 axis 반대 방향의 크기에 대해서 설정)
  • fill : StackView에 axis의 반대 방향에 대해서 꽉 채우기
  • leading : StackView의 leading 쪽으로 정렬하고 contents 사이즈에 맞게 사이즈를 정한다
  • center, firstBaseline, trailing, bottom, lastBaseline 등등
• spacing : StackView 안의 요소들 사이의 거리