富文本排版样式丰富详细,适合专业的文字展示.
下面就简单介绍下iOS 富文本的使用:
一 、 纯文字排版
(1)逐次排版
-(void)addAttribute:(NSAttributedStringKey)name value:(id)value range:(NSRange)range;
(2)统一排版
-(void)addAttributes:(NSDictionary<NSAttributedStringKey, id> *)attrs range:(NSRange)range;
统一排版,就是把需要设置的属性,一次性添加到字典里
NSString *str = @"用户当前资源 t = 13是获取月票，14是获取评价票，15是获取鲜花，16获取打赏，17获取催更 ";
// 创建一个富文本
NSMutableAttributedString * attriStr = [[NSMutableAttributedString alloc] initWithString:str];
//逐次排版
// 前五个字的文字颜色
[attriStr addAttribute:NSForegroundColorAttributeName value:[UIColor redColor] range:NSMakeRange(0, 5)];
// 前五个字的背景颜色
[attriStr addAttribute:NSBackgroundColorAttributeName value:[UIColor yellowColor] range:NSMakeRange(0, 5)];
// 前五个字的字号
[attriStr addAttribute:NSFontAttributeName value:[UIFont systemFontOfSize:20] range:NSMakeRange(0, 5)];
//统一排版
NSDictionary * attriBute = @{NSForegroundColorAttributeName:[UIColor redColor],
NSBackgroundColorAttributeName:[UIColor yellowColor],
NSFontAttributeName:[UIFont systemFontOfSize:20]};
[attriStr addAttributes:attriBute range:NSMakeRange(0, 5)];
//添加样式
lab.attributedText = attriStr;
纯文字排版
二 、 图文混排
我们要使用这个类添加图片NSTextAttachment
//添加图片
NSTextAttachment *attchImage = [[NSTextAttachment alloc] init];
attchImage.image = [UIImage imageNamed:@"Pikachu"];
attchImage.bounds = CGRectMake(0, 0, 100, 70);
NSAttributedString *stringImage = [NSAttributedString attributedStringWithAttachment:attchImage];
//若不添加下面这句话,默认会把图片排在文字末尾
[attriStr insertAttributedString:stringImage atIndex:30];
图文混排
三 、 超链接
我是实现textView的下面代理方法 ,来执行的
-(BOOL)textView:(UITextView *)textView shouldInteractWithURL:(NSURL *)URL inRange:(NSRange)characterRange {
//添加超链接
[attriStr addAttribute:NSLinkAttributeName value:@"homePage://" range:[[attriStr string] rangeOfString:@"个人主页"]];
//代理方法
- (BOOL)textView:(UITextView *)textView shouldInteractWithURL:(NSURL *)URL inRange:(NSRange)characterRange {
NSLog(@"url :%@",URL);
if ([[URL scheme] isEqualToString:@"homePage"]) {
[[UIApplication sharedApplication] openURL:[NSURL URLWithString:[NSString stringWithFormat:@"https://www.jianshu.com/u/a79a9392d831"]]];
return NO;
}
return YES;
}
超链接
完整代码(太简单,就不传git了)
#import "ViewController.h"
#define WIDTH [UIScreen mainScreen].bounds.size.width
#define HEIGHT [UIScreen mainScreen].bounds.size.height
@interface ViewController () <UITextViewDelegate>
@end
@implementation ViewController
- (void)viewDidLoad {
[super viewDidLoad];
NSString *str = @"用户当前资源 t = 13是获取月票，14是获取评价票，15是获取鲜花，16获取打赏，17获取催更 这是我的《个人主页》";
// 创建一个富文本
NSMutableAttributedString * attriStr = [[NSMutableAttributedString alloc] initWithString:str];
//文字排版
NSDictionary * attriBute = @{NSForegroundColorAttributeName:[UIColor redColor],
NSBackgroundColorAttributeName:[UIColor yellowColor],
NSFontAttributeName:[UIFont systemFontOfSize:20]};
[attriStr addAttributes:attriBute range:NSMakeRange(0, 5)];
//添加图片到指定的位置
NSTextAttachment *attchImage = [[NSTextAttachment alloc] init];
attchImage.image = [UIImage imageNamed:@"Pikachu"];
attchImage.bounds = CGRectMake(0, 0, 100, 70);
NSAttributedString *stringImage = [NSAttributedString attributedStringWithAttachment:attchImage];
//若不添加下面这句话,默认会把图片排在文字末尾
[attriStr insertAttributedString:stringImage atIndex:20];
//添加超链接
[attriStr addAttribute:NSLinkAttributeName value:@"homePage://" range:[[attriStr string] rangeOfString:@"《个人主页》"]];
UITextView * textView = [[UITextView alloc] initWithFrame:CGRectMake(20, 100, WIDTH - 40, HEIGHT - 200)];
textView.backgroundColor =[UIColor whiteColor];
textView.delegate = self;
textView.editable = NO;
[self.view addSubview:textView];
textView.attributedText = attriStr;
}
//代理方法
- (BOOL)textView:(UITextView *)textView shouldInteractWithURL:(NSURL *)URL inRange:(NSRange)characterRange {
NSLog(@"url :%@",URL);
if ([[URL scheme] isEqualToString:@"homePage"]) {
[[UIApplication sharedApplication] openURL:[NSURL URLWithString:[NSString stringWithFormat:@"https://www.jianshu.com/u/a79a9392d831"]]];
return NO;
}
return YES;
}
