深入了解tttattributedlabel

发布时间:2023-05-23

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; 在以上代码中,我们首先定义了一段文本,并设置了一些富文本属性,如字体颜色、斜体、下划线。同时,我们也可以通过 NSAttributedStringaddAttributes: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; 在以上代码中,我们首先定义了一段文本,并设置了一些字体样式,如字体大小、加粗、倾斜。通过 NSFontAttributeNameNSKernAttributeNameNSObliquenessAttributeName 等属性来为文本设置字体样式。最后,我们将设置好的富文本赋值给 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; 在以上代码中,我们首先定义了一段文本,并设置了文字的描边效果以及阴影属性。通过 NSStrokeColorAttributeNameNSStrokeWidthAttributeNameNSShadowAttributeName 等属性来为文本添加描边和阴影效果。最后,我们将设置好的富文本赋值给 attributedLabel,并通过 tttattributedlabel 来展示文字描边和阴影效果。