[ Swift ] UITextField의 좌우 패딩을 주는 방법

안녕하세요~

 

오늘은 UITextField의 좌우 패딩을 주는 방법에 대해서

정리하려고 합니다 : )

 

 

---

 

 

다음과 같은 상황에서 필요했습니다.

UITextField에 cornerRadius를 주고

확인해 보면 다음과 같이 커서가 공간 없이 바로 앞에 위치하게 됩니다.

 

방법

Apple Developer Documentation

 

Apple에서의 의도는 좌측이나 우측에

버튼과 같은 component를 넣을 수 있게 Overlay 뷰를 제공하고 있습니다.

해당 속성은 다음 프로퍼티로 접근 가능합니다.

 

1. leftView

2. rightView

 

이를 width를 가진 뷰를 만들어 

각각에 넣어 해결했습니다.

 

아래는 구현한 코드입니다.

func setUserInfoTextField() {
    backgroundColor = .white
    
    /// 생략...
    
    let paddingView = UIView(frame: CGRect(x: 0, y: 0, width: 10, height: frame.height))
    
    leftView = paddingView
    leftViewMode = ViewMode.always
    
    rightView = paddingView
    rightViewMode = ViewMode.always
}

 

여기서 ViewMode는 4가지가 존재합니다.

저는 텍스트가 입력되더라도 항상 있어야 하기 때문에 always로 설정했습니다.

 

 

적용 후 모습

위와 같이 커서가 패딩만큼 옮겨간 이후 

시작되는 것을 확인할 수 있습니다.

 

 

그럼 이만 👋🏻 👋🏻 👋🏻