iOS 设置自定义间距的文字下划线

朴灿烈づ我的快乐病毒、 2021-11-05 14:48 703阅读 0赞

网上看到很多用NSAttributedString的NSUnderlineStyleAttributeName来设置的，方法很简便，网上也很多，就不发了。

效果如下：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3p6enpsbGxsMTk_size_16_color_FFFFFF_t_70][]

下划线和文字没有间隔，贴在一起的。

感觉不好看，而且后面项目还有一些需要用下划线的按钮，所以写了一个通用的UIButton子类，UnderlineTextButton

**重写drawRect方法，用coregraphics的方法绘制下划线：**

- (void)drawRect:(CGRect)rect {
        // Drawing code
        
        CGRect titleFrame = self.titleLabel.frame;
        
        CGContextRef ctx = UIGraphicsGetCurrentContext();
        
        CGContextSetStrokeColorWithColor(ctx, self.underLineColor.CGColor);
        CGContextSetLineWidth(ctx, 1.0f);
        
        CGContextMoveToPoint(ctx, CGRectGetMinX(titleFrame), CGRectGetMaxY(titleFrame));
        CGContextAddLineToPoint(ctx, CGRectGetMaxX(titleFrame), CGRectGetMaxY(titleFrame));
        
        CGContextStrokePath(ctx);
        
        [super drawRect:rect];
        
    }

下划线一般和button的title等宽，在title的下面，有不同设计可以自行调整上面方法的Point位置

自定义下划线颜色属性 underLineColor，因为大部分时间与文本颜色一致，所以重写get方法

- (UIColor *)underLineColor{
        if (!_underLineColor) {
            _underLineColor = self.titleLabel.textColor;
        }
        return _underLineColor;
    }

要用到时创建该子类即可

UnderlineTextButton *btn = [UnderlineTextButton buttonWithType:UIButtonTypeCustom];
    btn.underLineColor = [UIColor grayColor];//不设置时下划线默认为和文字颜色相同

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3p6enpsbGxsMTk_size_16_color_FFFFFF_t_70]: /images/20211105/010247c794e0478e87bb4b6d2018f29a.png