[swift] SnapKit에 대해서 ( + update Constraints 이슈)

안녕하세요~

 

오늘은 제가 애용하고 있는 라이브러리인 SnapKit에 대해서 간단히 정리하고

발생했던 생겼던 이슈를 정리하려고 합니다.

 

SnapKit에 대해서 알아보기 이전에

Swift에서 기본적으로 레이아웃의 제약조건을 주기 위해서는

Anchor의 constraint를 이용해 사용하는 것을 알고 계실 겁니다.

var testButton = UIButton()

// translatesAutoresizingMaskIntoConstraints은 기본적으로 ture로 설정되어있습니다.
// 이는 자동으로 제약을 반변환하는 기능으로 제가 준 제약조건을 따르기 위해서는 false로 설정해야하죠!
testButton.translatesAutoresizingMaskIntoConstraints = fale

view.addSubview(testButton)

//그리고 또 한가지! 바로 .isActive를 = true로 설정해야 제약조건이 설정됩니당
testButton.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 15).isActive = true

위의 코드를 보시면 다음과 같이 제약조건을 설정합니다.

 

1. 객체 생성

2. translatesAutoresizingMaskIntoConstraints = false

3. 제약조건 설정

4. isActive 설정

 

하나의 객체일 경우 수고가 덜하지만 만약 여러 개라면 코드의 길이가 늘어나고 

무엇보다 가독성이 좋지 않았던 것 같습니다.

 

그래서 기존의 작업보다

직관적으로 제약조건을 사용할 수 있다는 점에서

SnapKit을 애용하고 있습니다.

 

같은 UI를 SnapKit으로 구현하면 다음과 같습니다.

import SnapKit

var testButton = UIButton()

view.addSubview(testButton)

// 클로저 형태로 제약조건을 바로!
// translatesAutoresizingMaskIntoConstraints의 값을 바로 false로 처리해주고
// isActive의 경우에도 바로 true로 처리해줍니다
testButton.snp.makeConstraints { make in
  make.leading.equalTo(15)
}

 

---

 

개발 이슈

구현하고 싶었던 것은

버튼의 제약조건을 업데이트해 애니메이션 효과를 주고 싶었습니다.

그래서 알고 있던 updateConstraints를 이용했었는데

 

fatalError : Updated constraint could not find existing matching constraint to update: \(layoutConstraint) 

 

위와 같은 에러가 발생했습니다.

업데이트된 제약 조건이 업데이트할 기존 일치 제약 조건을 찾을 수 없다는 오류였습니다.

 

이유

updateConstraints의 경우 기존에 제약조건이 걸려있던 것을 찾아서 업데이트해주는 방법입니다.

기존에는 없던 Constraint를 update 할 때 부여하려고 했기 때문에 오류가 발생하는 것인데정확한 이유인지는 모르겠지만 비율로 width의 제약조건을 주고 있었기 때문에 찾을 수 없었던 것 같습니다. 

 

적용

해결방법이라고는 할 수 없지만

기존에 있던 width를 비율이 아닌 상수값으로 적용했더니 정상적으로 애니메이션이 동작했습니다.

 

정확한 이유를 다시 찾아보고 이 포스팅에 추가해 보겠습니다.