UITextFiled的输入框改成一条下划线

关注

原创最新推荐文章于 2026-06-05 13:48:45 发布 4.4k 阅读 AI 写同款· GEO 优化 ›

在SwiftUI中，要创建一个带有下划线的文本框，你可以使用`TextField`结合一些视图修饰符来实现通过上述步骤，你可以在SwiftUI中创建一个带有下划线的文本框。你可以根据需要自定义下划线的样式，例如修改下划线的颜色、高度等。下面我将详细介绍如何在SwiftUI中创建这样的文本框，并提供相应的源代码示例。运行代码后，你将看到一个带有下划线的文本框，并且在文本框中输入的文本会被绑定到。，它将在文本框上叠加一个矩形视图，并将其设置为蓝色以模拟下划线效果。在SwiftUI中，要创建一个带有下划线的文本框，你可以使用。接下来，我们将使用它们来创建带有下划线的文本框。在上面的示例代码中，我们创建了一个。阅读详情

在一些程序的界面中,它们的编辑框是一条线,而UITextFiled本身并没有这种style,所有需要我们自己设置.方法还是挺多的

第一种 ,

(1).我们可以声明一个类继承与UITextFiled

(2).需要重写父类的- (void)drawRect:(CGRect)rect方法

<span style="font-size:18px;">- (void)drawRect:(CGRect)rect {
    // Drawing code
    CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextSetFillColorWithColor(context, [UIColor blackColor].CGColor);
    CGContextFillRect(context, CGRectMake(0, CGRectGetHeight(self.frame) - 0.5, CGRectGetWidth(self.frame), 0.5));
}</span>

(3)下面再创建uite对象的时候用我们自己声明的这个类来创建,编辑框就会是一条线了

第二种,

我们可以创建一个UIView对象,将它的高设为1,贴到UITextFiled上就可以了(view的frame要根据自己的TextField的from来确定)

UIView *underline = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 100, 1)];

underline.backgroundColor = [UIColor lightGrayColor];

[self addSubview:underline];

[underline release];