티스토리 뷰

iOS

[ios autolayout ]What is the StackView

rhinoPHS 2018. 7. 5. 10:15

What is the StackView

스택뷰는 여러 뷰(스택뷰포함)들을 쌓아가는 뷰입니다. 스택뷰는 주요속성에 따라서 뷰를 쌓아갑니다. 주요속성에는 4가지가 있습니다. 


from apple document





1. axis : 뷰들을 쌓는 방향
 - 가로
 - 세로

2. aligment : 뷰들을 정렬 ( axis의 수직방향으로 적용 )

 - horizontal axis 일 때는 : 수직방향으로 fill, top, center, bottom, first & last baseline
 - vertical axis 일 때는 : 수평방향으로 fill, leading, center, trailing 

3. spacing : 뷰들간의 간격을 나타내는 속성
  - CGFloat, 음수 양수 다 가능
  - 음수로 할 경우 뷰가 겹침( 나중에 생성된 뷰가 위로 덮는 형식)
  - standard value 뷰들간의 표준 간격 8

4. distribution : 뷰들의 크기를 결정
 - axis 방향에 따라 fill, fillEqually, fillProportionally, equalSpacing, equalCentering
 fill & fillProportionally : 

stack view에 크기게 맞게 view들을 조정, 이 때 뷰들의 hugging또는 compression resistance를 기준으로 크기 조정
fill은 애매한 상황?이 있을 때 뷰들의 순서대로 사이를 조정 ( index of arrangedSubviews)
  from apple document


 fillEqually : stack view의 axis에 따라서 view들의 넓이 또는 높이를 같게 
from apple document

 equalSpacing : view의 edge를 기준으로 구분

from apple document

 equalCentering : view의 센터를 기준으로 구분

from apple document

intrinsic content size : 콘텐츠롤 표현할 수 있는 고유 값
hugging : s 뷰가 늘어날 때 고유 크기를 유지하려는 속성 
compression resistance : 뷰가 줄어 들 때 고유 크기를 유지하려는 속성

hugging 과 compression resistance 둘다 1~1000까지 설정 가능하고 애플이 제시하는 값도 있음 ( row 250 high 750 required 1000 )


'iOS' 카테고리의 다른 글

[IOS AUTO LAYOUT] Dynamic Stack View  (0) 2018.07.18
[IOS AUTOLAYOUT] Nested Stack Views  (0) 2018.07.14
[ios autolayout] simple stackview  (0) 2018.07.11
[iOS Autolayout] Why stackViews first, constraints later  (0) 2018.05.21
iOS AutoLayout  (0) 2018.05.20
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
more
«   2024/12   »
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
글 보관함