iOS - 스택뷰, 적응형 UI

스택뷰

   스택뷰
   뷰 컨테이너
   바둑판 모습으로 배치에 유리

   인터페이스 빌드 레이아웃 추가

 

코드로 스택뷰 다루기

   스택뷰 클래스 : UIStackView

      init(arrangedSubviews views: [UIView])

      하위뷰

var arrangedSubviews: [UIView] { get }
func addArrangedSubview(_ view: UIView)
func removeArrangedSubview(_ view: UIView)
func insertArrangedSubview(_ view: UIView, at stackIndex: Int)

      스택뷰 속성

var axis: UILayoutConstraintAxis            // 방향
var distribution: UIStackViewDistribution   // 디스트리뷰션
var alignment: UIStackViewAlignment         // 정렬
var spacing: CGFloat                        // 하위 뷰와의 간격

      예제코드

let titleLabel = UILabel()
titleLabel.text="제목"
let titleLabelConstraint = NSLayoutConstraint(item: titleLabel, attribute: .width, relatedBy: .equal, toItem: nil, attribute: .notAnAttribute, multiplier: 1, constant: 50)
titleLabel.addConstraint(titleLabelConstraint)

let title = UILabel()
title.text = "스타워즈7"

let titleStackView = UIStackView(arrangedSubviews: [titleLabel, title])
titleStackView.distribution = fillProportionally
titleStackView.alignment = .fill
titleStackView.spacing = 2

let movieStackView = UIStackView(arrangedSubviews: [titleStackView, directorStackView, actorStackView])
moviewStackView.axis = vertical

 

적응형 UI

   각 기기와 방향에 자동 적용되는 레이아웃

   가로 Compact
   세로 Regular
   Compact, Regular 모두 적용 : Any
   ( wAny, hAny : 모든 기기와 모든 방향)