CODEWITHSUNDEEP
swiftuiimageviewuitextfield
user12329049
user12329049

Reputation:

Unable to get an image to fit inside the bounds of a UITextField

I'm trying to get the image to scale down to the size of the UITextField and to position itself to the left side of it, but I am only able to get this:

enter image description here

What am I doing wrong?

Here is the relevant code:

//MARK: - Add Left Image to UITextField

func addLeftImageTo(txtField: UITextField, image img: UIImage) {
    let leftImageView = UIImageView(frame: CGRect(x: 0, y: 0, width: 40, height: 40))
    leftImageView.image = img
    txtField.addSubview(leftImageView)
    txtField.leftView = leftImageView
    txtField.leftViewMode = .always
}

let image1 = UIImage(named: "stopwatch")

addLeftImageTo(txtField: timerTextField, image: image1!)

timerTextField.anchor(top: repsTextField.bottomAnchor, leading: view.safeAreaLayoutGuide.leadingAnchor, bottom: notesTextField.topAnchor, trailing: view.safeAreaLayoutGuide.trailingAnchor, padding: .init(top: 50.adjusted, left: 100.adjusted, bottom: 50.adjusted, right: 100.adjusted))

Upvotes: 1

Views: 85

Answers (2)

PALAK Mobile Team Leader
PALAK Mobile Team Leader

Reputation: 379

first make below method for adding image in UITextField

  func setleftPaddingInTextfieldwithImage(_ textfield : UITextField, padding : 
   CGFloat, strImgname : String)
   {

        let imageView = UIImageView(image: UIImage(named: strImgname))
        imageView.frame = CGRect(x: 0, y: 0, width: 15 , height: 15)

        imageView.contentMode = .scaleAspectFit

        let paddingView = UIView.init()
        paddingView.frame = CGRect(x: padding, y: 0, width: padding, height: textfield.frame.size.height)

        paddingView.addSubview(imageView)
        textfield.leftView = paddingView
        textfield.leftViewMode = .always

   }

call it in your viewcontroller

 self.setleftPaddingInTextfieldwithImage(YourTextField, padding: padding, strImgname: "stopwatch")

Upvotes: 0

Yejun Park
Yejun Park

Reputation: 26

Try wrapping the UIImageView in a UIView

Your code:

func addLeftImageTo(txtField: UITextField, image img: UIImage) {
        let leftImageView = UIImageView(frame: CGRect(x: 0, y: 0, width: 40, height: 40))
        leftImageView.image = img
        txtField.addSubview(leftImageView)
        txtField.leftView = leftImageView
        txtField.leftViewMode = .always
    }

Example:

func addLeftImageTo(txtField: UITextField, image img: UIImage) {
    let height = txtField.frame.size.height
    let wrapView = UIView(frame: CGRect(x: 0, y: 0, width: height, height: height))

    let leftImageView = UIImageView(frame: CGRect(x: 0, y: 0, width: height, height: height))
    leftImageView.image = img
    leftImageView.contentMode = .scaleToFill
    wrapView.addSubview(leftImageView)

    txtField.addSubview(wrapView)
    txtField.leftView = wrapView
    txtField.leftViewMode = .always
}

Also, I added some lines including height, contentMode just in case.

I hope it will be helpful for you.

Upvotes: 1

Related Questions