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来展示文字描边和阴影效果。
原创文章,作者:AOPFB,如若转载,请注明出处:https://www.506064.com/n/370442.html