[iOS/UI] 텍스트필드 안에 이미지 넣기 및 여백주기(UIImage in UITextField and Padding)

텍스트필드 안에 이미지를 넣고싶었다. 그리고 왼쪽으로 너무 치우쳐져 있는 경우도 있어서 이미지는 안넣고 왼쪽에 패딩을 주고 싶었다.

텍스트필드에 익스텐션을 주고 첫 번째엔 패딩뷰를 따로 생성해서 width값으로 10을 줘버려서 10만큼 왼쪽에 패딩을 주는 효과를 주는 것이다.

extension UITextField {
  func addLeftPadding() {
    let paddingView = UIView(frame: CGRect(x: 0, y: 0, width: 10, height: self.frame.height))
    self.leftView = paddingView
    self.leftViewMode = ViewMode.always
  }
    func addleftimage(image:UIImage) {
            let leftimage = UIImageView(frame: CGRect(x: 0, y: 0, width: image.size.width, height: image.size.height))
            leftimage.image = image
            self.leftView = leftimage
            self.leftViewMode = .always
        }
}

 

 

그리고 이렇게 원하는 텍스트필드에 함수를 달아주면

 

 

아래 텍스트필드보다 왼쪽 여백이 더 생긴 것을 볼 수 있다.

 

 

그리고 두 번째는 함수 안에 이미지 파라미터를 줘서 왼쪽에 패딩넣는 것과 마찬가지로 이미지 가로크기만큼 width값을 줘서 이미지만큼 오른쪽으로 가게 하는 것이다. 마찬가지로 원하는 텍스트필드에 함수를 달고 원하는 이미지를 넣어주면 된다!

 

 

아래와 같이 이미지가 삽입된 것을 볼 수 있다.