如何删除文本字段的黑色边框?

时间:2016-02-24 11:22:36

标签: ios swift interface-builder

我使用以下设置在IB中创建了一个文本字段:

  • Borderstyle:RoundRect
  • 查看BG颜色:黑色,不透明度:15%

结果是该字段的内部是15%,但是有一个非常薄的可见边框不是,我希望删除它。我尝试过这样的代码:

textField.borderStyle = UITextBorderStyle.None
textField.layer.cornerRadius = 10
textField.layer.borderColor = UIColor(red:1.0,green:1.0,blue:1.0,alpha:0.15).CGColor

但这只是将边框放在内部覆盖实际的文本域。

文本字段:

enter image description here

5 个答案:

答案 0 :(得分:2)

尝试添加:

textField.layer.borderWidth = 0

此外,从屏幕截图中,似乎忽略了textField.layer.cornerRadius = 10,请确保您的textField媒体资源与实际的UITextField相关联。

答案 1 :(得分:2)

Swift 3 / Swift 4

实现无边界文本字段的最简单方法是更改​​文本字段的样式。

步骤

  1. 对文本字段进行IBOutlet引用。
  2. 设置文本字段 边框样式为无。
  3. 示例代码

    // Reference
    @IBOutlet var tf: UITextField!
    
    override func viewDidLoad() {
        super.viewDidLoad()
    
        // Email TextField: no border
        tf.borderStyle = .none
    }
    

    结果

    Image of how to remove boarder for textfield in Swift 3 Swift 4

答案 2 :(得分:1)

Swift3

passwordTF.layer.borderColor = UIColor.clear.cgColor

对我来说,它的工作以及

mobileNumberTF.borderStyle = .none

答案 3 :(得分:0)

试试这个

self.nameTextField.borderStyle = UITextBorderStyleNone;

答案 4 :(得分:0)

我尝试了几种方法,以编程方式和其他建议的方式删除了broder,但后来发现这是从UITextField删除边框的唯一方法。只需在界面生成器中选择“边框样式”

enter image description here