SnapKit 으로 UI 만들기

http://snapkit.io/

SnapKit

코드로 UI 잡을때 너무 긴 코드를 작성 해야했다.

 

        view.addSubview(vc.view)
        
        vc.view.translatesAutoresizingMaskIntoConstraints = false

        vc.view.topAnchor.constraint(equalTo: view.topAnchor).isActive = true
        vc.view.leadingAnchor.constraint(equalTo: view.leadingAnchor).isActive = true
        vc.view.trailingAnchor.constraint(equalTo: view.trailingAnchor).isActive = true
        vc.view.bottomAnchor.constraint(equalTo: tabbar.topAnchor).isActive = true

 

translatesAutoresizingMaskIntoConstraints 를 일일이 false 해줘야만 했고...

하위뷰 하나를 상위뷰 네변에 붙일려고만 해도 최소 5줄의 코드를 작성해야 한다.

(translatesAutoresizingMaskIntoConstraints = false,  top, bottom, leading, trailing) 

 

이를 너무나 편하게 해주는 라이브러리가 SnapKit

 

vc.view.snp.makeConstraints { (make) in
  make.top.equalTo(self.view)
  make.left.equalTo(self.view)
  make.right.equalTo(self.view)
  make.bottom.equalTo(tabbar.snp.top)
}

위 코드를 아래처럼 쉽게 코드를 작성할 수 있다.