将填充/插入添加到 UIImage 作为 UITextField 的背景

问题描述

我想让文本框右侧的三角形有一点填充,目前它就在边界处:

enter image description here

我的代码

class Textfield: UITextField,UITextFieldDelegate {

func setup() {
    let background = UIImage(systemName: "arrowtriangle.down.fill")
    let imageView = UIImageView(image: background)

    imageView.tintColor = .label
    self.rightviewmode = .always
    imageView.contentMode = .scaleAspectFit
    self.rightView = imageView
}
}

如何添加插图使三角形更左一点?

解决方法

您可以覆盖文本字段方法。像这样

class Textfield: UITextField,UITextFieldDelegate {
    
    @IBInspectable var leftPadding : CGFloat = 0
    @IBInspectable var rightPadding : CGFloat = 10
    
    private var padding: UIEdgeInsets = UIEdgeInsets()
    
    override func awakeFromNib() {
        super.awakeFromNib()
        padding = UIEdgeInsets(top: 0,left: leftPadding,bottom: 0,right: rightPadding)
        
        setup()
    }
    
    func setup() {
        let background = UIImage(systemName: "arrowtriangle.down.fill")
        let imageView = UIImageView(image: background)
        
        imageView.tintColor = .label
        self.rightViewMode = .always
        imageView.contentMode = .scaleAspectFit
        self.rightView = imageView
    }
    
    override open func textRect(forBounds bounds: CGRect) -> CGRect {
        return bounds.inset(by: padding)
    }
    
    override open func placeholderRect(forBounds bounds: CGRect) -> CGRect {
        return bounds.inset(by: padding)
    }
    
    override open func editingRect(forBounds bounds: CGRect) -> CGRect {
        return bounds.inset(by: padding)
    }
    
    override func rightViewRect(forBounds bounds: CGRect) -> CGRect {
        return CGRect(x: bounds.width - 30,y: 0,width: 20,height: bounds.height)
    }
    
    override func leftViewRect(forBounds bounds: CGRect) -> CGRect {
        return CGRect(x: 10,height: bounds.height)
    }
}