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

时间:2017-11-30 20:10:07

标签: ios swift uitextfield

我有一个名为

的文本字段
nameTextField

我用

修改了角落
nameTexfield.layer.cornerRadius = 5

现在,文本字段中的文本触及左侧。我想在文本和边框之间创建填充。我发现的每个帖子都使用cgRect,但Swift不再支持它。如果你能搞清楚,请提供正确的代码,如果可以,请解释答案。我很感激帮助!我还需要知道在有代码的地方放置代码。

3 个答案:

答案 0 :(得分:20)

在"左","右"中添加填充的自定义方式或"两者" side 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))

答案 1 :(得分:11)

正如@ 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
    }
}

如果我这样做,我会得到这个好结果

left padding

希望有所帮助。

更新

你要求一个功能,而不是在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)
}

答案 2 :(得分:1)

如果您打算将图像添加为左视图,则最好是添加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)
    }
}