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

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

效果如下：

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

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

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

- (void)drawRect:(CGRect)rect {// Drawing codeCGRect 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];//不设置时下划线默认为和文字颜色相同

iOS 设置自定义间距的文字下划线相关推荐

html字体下划线下移,CSS下划线与文字间距距离设置(CSS文字下划线距离设置)
CSS设置下划线与文字间距距离(CSS文字下划线距离设置) css下划线与文字上下距离设置,文字字体下划线样式技巧篇,如何改变文字与下划线距离间距?这里CSS5为大家介绍通过下边框border-bot ...
php css下划线,CSS文字下划线的设置方法介绍
在整体网页设计中,最容易识别的风格仍然是带有下划线的蓝色文字,这大部分都是链接到另一个网页中.链接元素默认具有样式,蓝色是默认模式下的唯一颜色.即使现在的链接元素可能不再需要加下划线,文本下的行不仅仅 ...
ios 按钮文字下划线_iOS实现一段文字中部分有下划线，并且可以点击
项目中有一个需求就是实现一段文字中有几个特殊的字符可以有下划线,并且可以进行点击. 首先可以实现下划线效果,首先想到的是UILabel和UITextView控件的 NSMutableAttribute ...
php css下划线,css下划线如何设置？css设置文字下划线的方法介绍
在网页中默认情况下文字字体是没有下划线样式的,但是有时候我们在网页中会看到不是链接的文字下面会有一行下划线,那么这个下划线样式是怎么实现的呢?本篇文章就来给大家介绍一下css设置文字下划线的方法,接下 ...
css里给文字加下划线代码,css添加文字下划线样式的方法
css添加文字下划线样式的方法发布时间:2020-08-31 13:54:27 来源:亿速云阅读:65 作者:小新这篇文章将为大家详细讲解有关css添加文字下划线样式的方法,小编觉得挺实用的,因 ...
Unity的UGUI使用Text和Image实现文字下划线
Unity的UGUI使用Text和Image实现文字下划线引子效果设置原文链接引子效果写需求的时候搜了一些文字加下划线的方法,UGUI的Text,大都需要写一堆代码来封装Text,比较麻烦. ...
php css下划线,css如何添加文字下划线样式？（代码详解）
css如何添加文字下划线样式?本篇文章就给大家介绍css添加文字下划线样式的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助. 首先我们来了解一下css添加文字下划线样式的方法有哪 ...
如何让文字下划线border-bottom和文字的长度一致
如何让文字下划线border-bottom和文字的长度一致给其设置有border-bottom增加 display:inline-block样式 display:inline-block它会根据内 ...
文字下划线效果（标题hover效果）
文字下划线效果(标题hover效果)  <div> <a href="javascript:void(0);" clas ...

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

iOS 设置自定义间距的文字下划线相关推荐

最新文章

热门文章