UIView의 오토레이아웃을 설정하다 알게된 것

오토레이아웃을 설정할때 bottom을 잡아주지않아 생긴 문제가 있었다. 

inputTextField.snp.makeConstraints { make in
            make.top.equalTo(commandLabel.snp.bottom).offset(Constant.screenHeight * 0.01)
            make.leading.trailing.equalToSuperview().inset(Constant.defaultPadding)
            make.height.equalTo(Constant.screenHeight * 0.05)
        }

이 코드를 예시로 들어보겠다. 

 

bottom을 설정해주지 않자 ui가 이렇게 되었다.

이게 왜이렇게 된거냐면 

이게 뷰라고 생각해봅시다 

 

이렇게 아래를 맞춰줘야하는데 그걸 맞춰주지않아 뷰가 어디까지를 bottom으로 잡아야할지 가늠을 못한것이다. 

 

 

inputTextField.snp.makeConstraints { make in
            make.top.equalTo(commandLabel.snp.bottom).offset(Constant.screenHeight * 0.01)
            make.leading.trailing.equalToSuperview().inset(Constant.defaultPadding)
            make.height.equalTo(Constant.screenHeight * 0.05)
            make.bottom.equalToSuperview()
        }

 

이렇게 바텀코드를 추가해주자

정상적으로 오토레이아웃이 반영된게 확인되었습니다.