ios - 如何创建带下划线的 UITextField

Question

这里是 iOS 菜鸟

当我将默认的 UITextField 添加到 ViewController 时，它看起来像这样:

我的设计师希望我让 UITextField 看起来像这样(即背景是透明的，并且只有一个下划线:

我该怎么做？应该向我的设计师询问图像以设置为 UITextField 的背景。图像应该是什么样的？图像是否应该=蓝色背景+下划线(减去我猜的数字)

是这样吗？

更新:根据下面的方向(来自@Ashish Kakkad)，在 Swift 中将此代码添加到 ViewDidLoad:

    var bottomLine = CALayer()
    bottomLine.frame = CGRectMake(0.0, view.frame.height - 1, view.frame.width, 1.0)
    bottomLine.backgroundColor = UIColor.whiteColor().CGColor
    tf_editPassword.borderStyle = UITextBorderStyle.None
    tf_editPassword.layer.addSublayer(bottomLine)

这几乎行得通，但问题是所有侧边都消失了，我只想保留底线。

Answer 1

试试这段代码:

objective-C

CALayer *bottomLine = [CALayer layer];
bottomLine.frame = CGRectMake(0.0f, self.frame.size.height - 1, self.frame.size.width, 1.0f);
bottomLine.backgroundColor = [UIColor whiteColor].CGColor;
[myTextField setBorderStyle:UITextBorderStyleNone];
[myTextField.layer addSublayer:bottomLine];

swift

var bottomLine = CALayer()
bottomLine.frame = CGRectMake(0.0, view.frame.height - 1, view.frame.width, 1.0)
bottomLine.backgroundColor = UIColor.whiteColor().CGColor
myTextField.borderStyle = UITextBorderStyle.None
myTextField.layer.addSublayer(bottomLine)

希望对你有帮助

如果您正在使用自动布局，请尝试在 viewDidLayoutSubviews 方法中执行此代码。