如何在 Swift 4 中创建文本字段填充？

Question

我有一个名为

的文本字段

nameTextField

我用

圆角

nameTexfield.layer.cornerRadius = 5

现在，文本字段中的文本触及左侧。我想在文本和边框之间创建填充。我发现每个 post 都使用 cgRect，但 Swift 不再支持它。如果可以，请提供正确的代码，如果可以，请解释答案。感谢您的帮助！如果有的话，我还需要知道把代码放在哪里。

Answer 1

正如@the4kman 所说，Swift 确实支持CGRect，但语法可能已经改变。

你可以试试这个，例如：

@IBOutlet weak var nameTextField: UITextField! {
    didSet {
        nameTextField.layer.cornerRadius =  5
        nameTextField.layer.borderColor = UIColor.black.cgColor
        nameTextField.layer.borderWidth = 1
        let leftView = UIView(frame: CGRect(x: 0.0, y: 0.0, width: 100.0, height: 2.0))
        nameTextField.leftView = leftView
        nameTextField.leftViewMode = .always
    }
}

如果我这样做，我会得到很好的结果

希望对您有所帮助。

更新

你要求一个函数而不是在 didSet 中设置它，当然，这是可能的，比如：

func addPaddingAndBorder(to textfield: UITextField) {
    textfield.layer.cornerRadius =  5
    textfield.layer.borderColor = UIColor.black.cgColor
    textfield.layer.borderWidth = 1
    let leftView = UIView(frame: CGRect(x: 0.0, y: 0.0, width: 100.0, height: 2.0))
    textfield.leftView = leftView
    textfield.leftViewMode = .always
}

然后你在 viewDidLoad 中这样调用它：

override func viewDidLoad() {
    super.viewDidLoad()
    addPaddingAndBorder(to: nameTextField)
}

Answer 2

在 "left"、"right" 或 "both" 侧 od UITextField 添加填充的自定义方式。

第 1 步：- 添加此 UITextfield 扩展

extension UITextField {

    enum PaddingSide {
        case left(CGFloat)
        case right(CGFloat)
        case both(CGFloat)
    }

    func addPadding(_ padding: PaddingSide) {

        self.leftViewMode = .always
        self.layer.masksToBounds = true


        switch padding {

        case .left(let spacing):
            let paddingView = UIView(frame: CGRect(x: 0, y: 0, width: spacing, height: self.frame.height))
            self.leftView = paddingView
            self.rightViewMode = .always

        case .right(let spacing):
            let paddingView = UIView(frame: CGRect(x: 0, y: 0, width: spacing, height: self.frame.height))
            self.rightView = paddingView
            self.rightViewMode = .always

        case .both(let spacing):
            let paddingView = UIView(frame: CGRect(x: 0, y: 0, width: spacing, height: self.frame.height))
            // left
            self.leftView = paddingView
            self.leftViewMode = .always
            // right
            self.rightView = paddingView
            self.rightViewMode = .always
        }
    }        
}

第 2 步：如何使用

// 1.  To add left padding
yourTextFieldName.addPadding(.left(20)) 

// 2.  To add right padding
yourTextFieldName.addPadding(.right(20))

// 3. To add left & right padding both
yourTextFieldName.addPadding(.both(20))

Answer 3

最好将 textview 子类化，而不是添加左视图，因为您打算将图像添加为左视图。

class UITextFieldPadding: UITextField {

    let padding = UIEdgeInsets(top: 0, left: 40, bottom: 0, right: 0)

    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)
    }
}

如何在 Swift 4 中创建文本字段填充？

How do you create textfield padding in Swift 4?

uitextfield

ios

swift

更新