tttattributedlabel 是一款 iOS 开发中常用的文本显示控件,它基于 UILabel 的基础上扩展了富文本的一系列功能。在实际开发中,我们可以利用 tttattributedlabel 实现多种文本展示效果,如富文本、链接点击、自定义链接、字体样式、文字描边、文字阴影等等。下面,我们从多个方面对 tttattributedlabel 做详细的阐述。
一、富文本
富文本指的是在文本中加入图片、颜色、字体、下划线、删除线、斜体等效果,从而实现更加丰富的文本展示效果。在 tttattributedlabel 中,我们可以通过 NSAttributedString
来设置富文本属性。
NSString *text = @"富文本测试:字体变色,斜体,有下划线";
NSDictionary *attributes = @{NSForegroundColorAttributeName : [UIColor redColor],
NSFontAttributeName : [UIFont italicSystemFontOfSize:18],
NSUnderlineStyleAttributeName : @(NSUnderlineStyleSingle)
};
NSRange range = [text rangeOfString:@"字体变色"];
NSMutableAttributedString *attributedText = [[NSMutableAttributedString alloc] initWithString:text];
[attributedText addAttributes:attributes range:range];
self.attributedLabel.attributedText = attributedText;
在以上代码中,我们首先定义了一段文本,并设置了一些富文本属性,如字体颜色、斜体、下划线。同时,我们也可以通过 NSAttributedString
的 addAttributes:range:
方法来设置添加富文本属性的范围。最后,我们将设置好的富文本赋值给 attributedLabel
,并通过 tttattributedlabel 来展示富文本效果。
二、链接点击
在 App 中,经常会出现需要点击某个链接跳转到其他页面的需求。tttattributedlabel 同样也支持对链接的点击事件进行处理。当用户点击某个链接时,我们可以通过回调函数来处理相应的逻辑。
NSString *text = @"这是一段测试文字,包含一个链接:www.baidu.com";
self.attributedLabel.text = text;
NSRange linkRange = [text rangeOfString:@"www.baidu.com"];
[self.attributedLabel addLinkToURL:[NSURL URLWithString:@"http://www.baidu.com"] withRange:linkRange];
self.attributedLabel.delegate = self;
在以上代码中,我们首先定义了一段文本,并使用 addLinkToURL:withRange:
方法为该文本中的链接添加点击事件,点击链接时会跳转到百度的首页。最后,我们还需要设置 attributedLabel
的 delegate,并在代理方法中处理链接点击事件。
- (void)attributedLabel:(TTTAttributedLabel *)label didSelectLinkWithURL:(NSURL *)url {
[[UIApplication sharedApplication] openURL:url];
}
在以上代码中,我们定义了 attributedLabel
的代理方法,当链接被点击时,该方法会被调用,我们可以在该方法中处理相应的逻辑,如打开一个网页、跳转到其他页面等等。
三、自定义链接样式
在链接中,我们可以为它们设置不同的样式,例如颜色、下划线、字体等。在 tttattributedlabel 中,我们可以利用扩展类 TTTAttributedLabelLink
来对链接样式进行自定义。
NSString *text = @"这是一段测试文字,包含一个自定义链接:自定义链接";
self.attributedLabel.text = text;
NSRange range = [text rangeOfString:@"自定义链接"];
TTTAttributedLabelLink *customLink = [TTTAttributedLabelLink linkWithTextAttributes:@{NSForegroundColorAttributeName:[UIColor blueColor]} activeTextAttributes:@{NSForegroundColorAttributeName:[UIColor greenColor]} inactiveTextAttributes:@{NSForegroundColorAttributeName:[UIColor grayColor]} linkTapBlock:^(TTTAttributedLabel * _Nonnull label, TTTAttributedLabelLink * _Nonnull link) {
NSLog(@"点击了自定义链接");
}];
[self.attributedLabel addLink:customLink range:range];
self.attributedLabel.delegate = self;
在以上代码中,我们首先定义了一段文本,并使用 addLink:range:
方法为该文本中的链接添加自定义样式,如自定义的主题色、活动状态的颜色、非活动状态的颜色。在 linkTapBlock
回调中,我们可以处理相应的逻辑。
四、字体样式
在文本中,我们还可以设置字体的样式,如文字大小、字体加粗、字体斜体等。在 tttattributedlabel 中,我们可以通过 NSFontAttributeName
来设置字体样式。
NSString *text = @"字体样式测试:文字变大,加粗,倾斜";
NSDictionary *attributes = @{NSFontAttributeName : [UIFont systemFontOfSize:24 weight:UIFontWeightBold],
NSKernAttributeName : @(4),
NSObliquenessAttributeName : @(0.5)
};
NSRange range = [text rangeOfString:@"字体样式测试"];
NSMutableAttributedString *attributedText = [[NSMutableAttributedString alloc] initWithString:text];
[attributedText addAttributes:attributes range:range];
self.attributedLabel.attributedText = attributedText;
在以上代码中,我们首先定义了一段文本,并设置了一些字体样式,如字体大小、加粗、倾斜。通过 NSFontAttributeName
、NSKernAttributeName
和 NSObliquenessAttributeName
等属性来为文本设置字体样式。最后,我们将设置好的富文本赋值给 attributedLabel
,并通过 tttattributedlabel 来展示字体样式效果。
五、文字描边和阴影
在文本中,我们还可以为文字添加描边效果,以及设置文字的阴影。
NSString *text = @"这是一段测试文字,添加文字描边和阴影";
NSShadow *shadow = [[NSShadow alloc] init];
shadow.shadowColor = [UIColor grayColor];
shadow.shadowBlurRadius = 4.0f;
shadow.shadowOffset = CGSizeMake(2, 2);
NSDictionary *attributes = @{NSStrokeColorAttributeName:[UIColor whiteColor],
NSStrokeWidthAttributeName:@(-2),
NSShadowAttributeName:shadow
};
NSRange range = [text rangeOfString:@"添加文字描边和阴影"];
NSMutableAttributedString *attributedText = [[NSMutableAttributedString alloc] initWithString:text];
[attributedText addAttributes:attributes range:range];
self.attributedLabel.attributedText = attributedText;
在以上代码中,我们首先定义了一段文本,并设置了文字的描边效果以及阴影属性。通过 NSStrokeColorAttributeName
、NSStrokeWidthAttributeName
和 NSShadowAttributeName
等属性来为文本添加描边和阴影效果。最后,我们将设置好的富文本赋值给 attributedLabel
,并通过 tttattributedlabel 来展示文字描边和阴影效果。