我正在尝试以编程方式为 UITextfield 创建下划线边框，当它是我使用 Swift 构建的 iOS 应用程序中 UIScrollView 的 subview 时。我已经设法实现了这一点，但只有当 UITextfield 是 View 的 subview 时，如我的应用程序的以下屏幕截图所示。

UITextfield with an Underline Border

现在我希望 UITextField 成为同一 View 中 UIScrollView 的 subview ，但不显示下划线边框。

通过在 viewDidLayoutSubviews 方法中创建 CALayer，我成功地在上面的屏幕截图中创建了下划线边框，如下所示。

    let usernameTextField = UITextField()

    override func viewDidLoad() {
        usernameTextField.translatesAutoresizingMaskIntoConstraints = false
        view.addSubview(usernameTextField)
        let constraints: [NSLayoutConstraint] = [
        usernameTextField.topAnchor.constraint(equalTo: topLayoutGuide.bottomAnchor, constant: 20),
        usernameTextField.leadingAnchor.constraint(equalTo: view.layoutMarginsGuide.leadingAnchor),
        usernameTextField.trailingAnchor.constraint(equalTo: view.layoutMarginsGuide.trailingAnchor)
        ]
        NSLayoutConstraint.activate(constraints)
    }

    override func viewDidLayoutSubviews() {
            let textField = usernameTextField
            let border = CALayer()
            let width = CGFloat(1.0)
            border.borderColor = UIColor(red:0.61, green:0.61, blue:0.61, alpha:1.0).cgColor
            border.frame = CGRect(x: 0, y: textField.frame.size.height - width, width:  textField.frame.size.width, height: textField.frame.size.height)

            border.borderWidth = width

            textField.layer.addSublayer(border)

            textField.layer.masksToBounds = true

    } 

但是当 UITextField 是 UIScrollView 的 subview 时，这将不起作用。这是我尝试过的:

    let usernameTextField = UITextField()
    let scrollView = UIScrollView()

override func viewDidLoad() {
    usernameTextField.translatesAutoresizingMaskIntoConstraints = false
    scrollView.translatesAutoresizingMaskIntoConstraints = false
    scrollView.addSubview(usernameTextField)
    view.addSubview(scrollView)
    let scrollViewConstraints: [NSLayoutConstraint] = [
        scrollView.topAnchor.constraint(equalTo: topLayoutGuide.bottomAnchor),
        scrollView.leadingAnchor.constraint(equalTo: view.layoutMarginsGuide.leadingAnchor),
        scrollView.trailingAnchor.constraint(equalTo: view.layoutMarginsGuide.trailingAnchor),
        scrollView.bottomAnchor.constraint(equalTo: view.bottomAnchor, constant: -20)
    ]

    NSLayoutConstraint.activate(scrollViewConstraints)
    let constraints: [NSLayoutConstraint] = [
    usernameTextField.topAnchor.constraint(equalTo: scrollView.topAnchor, constant: 20),
        usernameTextField.leadingAnchor.constraint(equalTo: scrollView.leadingAnchor),
        usernameTextField.trailingAnchor.constraint(equalTo: scrollView.trailingAnchor) 
    ]
    NSLayoutConstraint.activate(constraints)
  }

   override func viewDidLayoutSubviews() {
        let textField = usernameTextField
        let border = CALayer()
        let width = CGFloat(1.0)
        border.borderColor = UIColor(red:0.61, green:0.61, blue:0.61, alpha:1.0).cgColor
        border.frame = CGRect(x: 0, y: textField.frame.size.height - width, width:  textField.frame.size.width, height: textField.frame.size.height)

        border.borderWidth = width

        textField.layer.addSublayer(border)

        textField.layer.masksToBounds = true

} 

当 UITextField 是同一 View 中 UIScrollView 的 subview 时，任何人都可以建议一种方法来实现这一点吗？

编辑

我接受了 Matthias 的回答，他建议我将 UIView 作为边框而不是 SubLayer。

    let border = UIView()
    border.backgroundColor =UIColor(red:0.61, green:0.61, blue:0.61, alpha:1.0)
            border.translatesAutoresizingMaskIntoConstraints = false

    textField.addSubview(border)

        border.heightAnchor.constraint(equalToConstant: 1).isActive = true
        border.widthAnchor.constraint(equalTo:textField.widthAnchor).isActive = true
        border.bottomAnchor.constraint(equalTo: textField.bottomAnchor, constant: -1).isActive = true
        border.leftAnchor.constraint(equalTo: textField.leftAnchor).isActive = true 

这回答了这个问题，但出于好奇，如果有人可以解释是否有可能通过 SubLayer 实现相同的效果，我将不胜感激。

最佳答案

尝试只添加一个 subview ，而不是添加一个子层 :)

    let border = UIView()
border.backgroundColor =UIColor(red:0.61, green:0.61, blue:0.61, alpha:1.0)
                border.translatesAutoresizingMaskIntoConstraints = false

textField.addSubview(border)

            border.heightAnchor.constraint(equalToConstant: 1).isActive = true
            border.widthAnchor.constraint(equalTo:textField.widthAnchor).isActive = true
            border.bottomAnchor.constraint(equalTo: textField.bottomAnchor, constant: -1).isActive = true
            border.leftAnchor.constraint(equalTo: textField.leftAnchor).isActive = true

关于ios - 当 UITextField 是 ScrollView 的 subview 时，如何给它添加下划线边框，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40811446/