[Swift & iOS] UITextField Padding 넣어주기

오늘 정리할 내용은 UITextField에 Padding을 넣어주는 것입니다.

개인 프로젝트중에 회원가입 화면을 구현 중 TextField를 생성 하였는데 

아래 그림과 같이 placeholder가 너무 붙어있어서 위치조정을 하고 싶어서 찾아보다가 정리하게 되었습니다.

 

먼저 UITextField에 Padding을 주는 함수는 추가 했습니다.

 

extension UITextField {
    func addPadding() {
        let paddingView = UIView(frame: CGRect(x: 0, y: 0, width: 20, height: self.frame.height))
        self.leftView = paddingView
        self.leftViewMode = ViewMode.always
    }
}

너비 20에 높이는 TextField의 높이를 가져왔습니다.

너비가 왼쪽 padding으로 들어가게 됩니다. 원하는 너비를 입력하여 조절하시면 됩니다.

 

leftView와 leftViewMode는 코드를 타고 들어가면 아래와 같이 설명되어있습니다.

 

leftViewMode는 UITextField에 leftView가 존재하는데 디폴트로 보이지 않게 되어 있어 옵션을 항상 보일수 있게 .always로 바꿔줍니다.

 

이렇게 함수 작성을 완료하고 

@IBOutlet weak var checkEmailTextField: UITextField!
@IBOutlet weak var certificationCodeTextField: UITextField!

checkEmailTextField.addPadding()
certificationCodeTextField.addPadding()

생성한 UITextField의 적용 시켜주면 지정한 너비만큼 padding이 적용된 걸 볼수있습니다!!

예시는 왼쪽 padding만 하였지만 UITextField코드를 살펴보시면 leftView, rightView 두가지 모두 구현 할 수 있습니다 .