[iOS] Snapkit을 활용한 제약조건 변경

맨날 까먹어서 적어놔야겠다.ㅎ

 

요구사항은 아래 이미지와 같다. 에러 메세지가 보임에 따라 간격이 달라져야하는 것이다.

안드로이드에서는 Gone이라는 속성이 있어, 에러메세지를 Gone 처리하면 자동으로 아래 뷰들은 위치 및 간격이 변경된다.

그러나! iOS에서는 Gone 처리가 따로 없고 hidden처리만 할 수 있는데, 에러메세지를 hidden 처리를 해도 기존의 간격은 그대로 출력된다.

 

이럴 때 여러 방법이 있다.

1. StackView 사용

스택뷰의 높이는 내부의 컴포넌트들에 영향을 받아 설정되기 때문에, 특정 뷰를 hidden 처리하면 자동으로 높이가 재설정된다.

그러나 귀찮다.

 

2. Constraint 참조 후, 간격 update

var intervalConstraint: Constraint? = nil

passwordLabel.snp.makeConstraints { make in
    self.intervalConstraint = make.top.equalTo(passwordTextField.snp.bottom).offset(32).constraint
    make.leading.equalTo(passwordTextField)
}

Constraint 변수를 만들어 선언해준다.

 

그 후, update 시켜주면 된다~

errorMessageHidden ? passwordView.intervalConstraint?.update(offset: 32) : passwordView.intervalConstraint?.update(offset: 50)

+ 또는 snapkit의 updateConstraints 메소드를 활용할 수 있다.

 

 

번외) update와 remake의 차이

• update: 제약조건의 constant 값만 변경하고자 하는 경우 사용
• remake: 모든 제약조건을 제거하고, 다시 생성한다.