Auto Layout’s Visual Format Language (VFL)
Auto Layout Viewsul Format Language Tutorial을 공부하다가 적는 포스팅
V:|-20-[iconImageView(30)]
- iconImageView를 Vertical로 설정, SuperView의 top edge로 부터 top edge를 20주고 세로를 30으로 설정
V:|-23-[appNameLabel]
- appNameLabel를 Vertical로 설정, SuperView의 top edge로 부터 top edge를 23으로 설정
V:|-20-[skipButton]
- skipButton를 Vertical로 설정, SuperView의 top edge로 부터 top edge를 20으로 설정
H:|-15-[iconImageView(30)]-[appNameLabel]-[skipButton]-15-|
options: [.AlignAllCenterY]
- 각 View를 Horizontal로 설정하고 옵션으로 iconImageView를 기준으로 vertical center설정
- iconImageView의 leading(left) edge를 superver로 부터 15로 설정하고, 가로 길이를 30으로 설정
- skipButton를 trailing(right) edge를 superview로 부터 15로 설정
- appNameLabel 양쪽에 standard spacing(-)이 들어가 있기 때문에 Defalut 8로 설정
H:|-15-[summaryLabel]-15-|
- summaryLabel을 Horizontal로 설정하고 superview로 부터 leading(left) edge와 trailing(right) edge를 15로 설정
H:|-15-[welcomeLabel]-15-|
- welcomeLabel을 Horizontal로 설정하고 superview로 부터 leading(left) edge와 trailing(right) edge를 15로 설정
V:[iconImageView]-10-[appImageView]
- Vertical 상태에서 iconImageView와 appImageView의 사이 간격을 10으로 설정
"V:[appImageView]-10-[welcomeLabel]"
options: [.AlignAllCenterX]
- Vertical 상태에서 appImageView와 welcomeLabel의 사이 간격을 10으로 설정
"V:[welcomeLabel]-4-[summaryLabel]"
options: [.AlignAllLeading, .AlignAllTrailing]
- Vertical 상태에서 welcomeLabel와 summaryLabel의 사이 간격을 4으로 설정
- 옵션으로 모든 뷰의 leading과 trailing edge를 superview로 부터 15로 설정
"V:[summaryLabel]-15-[pageControl(9)]-15-|"
options: [.AlignAllCenterX]
- Vertical 상태에서 summaryLabel와 pageControl의 사이 간격을 15으로 설정
- pageControl의 높이는 9로 설정하고 superview로부터 bottom edge의 간격을 15로 설정