为多行标签自动调整自定义文本字段的大小

Question

我有一个自定义文本字段，我在其中的文本字段下方添加了一个错误标签。我想调整此自定义文本字段的大小，以便它以多行错误标签展开，并且不与其下方的其他字段重叠。在 IB 中，我已正确固定视图，所以这不是问题。

如何解决？

class LoginViewController: UIViewController {
    @IBOutlet weak var emailTextField: CustomTextField!
    @IBOutlet weak var passwordTextField: CustomTextField!

    override func viewDidLoad() {
        super.viewDidLoad()
        emailTextField.setError("Multiple line error. Multiple line error. Multiple line error. Multiple line error.")
    }
}

class CustomTextField: UITextField {

    var bottomBorder = UIView()
    var errorLabel = UILabel()

    override init(frame: CGRect) {
        super.init(frame: frame)
    }

    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
    }

    override func awakeFromNib() {
        super.awakeFromNib()
        self.initialize()

        // Setup Bottom-Border
        // ....

        errorLabel.translatesAutoresizingMaskIntoConstraints = false
        self.addSubview(errorLabel)
        errorLabel.topAnchor.constraint(equalTo: self.bottomBorder.bottomAnchor, constant: 4).isActive = true
        errorLabel.leadingAnchor.constraint(equalTo: self.leadingAnchor).isActive = true
        errorLabel.trailingAnchor.constraint(equalTo: self.trailingAnchor).isActive = true
        errorLabel.numberOfLines = 0
        errorLabel.lineBreakMode = .byWordWrapping
        errorLabel.sizeToFit()
    }

    func initialize() {
        self.text = ""
        self.clearError()

        // ...
    }
    func setError(error: String) {
        self.errorLabel.text = error
        self.errorLabel.isHidden = false
        self.setNeedsLayout()
        self.layoutIfNeeded()
    }

    func clearError() {
        self.errorLabel.text = ""
        self.errorLabel.isHidden = true
    }
}

Answer 1

UITextField 只有 1 行，您需要使用 UITextView 或更好地使用

class CustomView: UIView {
   let textfield = UITextField() 
   let bottomBorder = UIView()
   let errorLabel = UILabel()
   .....
}

因此视图将根据文本字段高度、边框高度和标签文本高度的总和展开

为多行标签自动调整自定义文本字段的大小

Auto resize custom text field for multiple lines label

uitextfield

uilabel

ios

swift