[iOS] AutoLayout 기본 개념(2)

Youngwoo Lee·2021년 4월 24일
0

iOS

목록 보기
8/46
post-thumbnail

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 안의 요소들 사이의 거리
profile
iOS Developer Student

0개의 댓글