UILable 富文本，加載html

1.加載HTML標籤文本

因爲解析的數據裏面有html標籤，就使用下面的代碼把字符串轉換成data，初始化時再用HTML類型，轉換爲富文本。

 NSMutableAttributedString * attrStr = [[NSMutableAttributedString alloc] initWithData:[str dataUsingEncoding:NSUnicodeStringEncoding] options:@{ NSDocumentTypeDocumentAttribute: NSHTMLTextDocumentType } documentAttributes:nil error:nil];

• 1

參數options裏面的字典有三對key value

文檔類型NSDocumentTypeDocumentAttribute

 NSPlainTextDocumentType  // 普通文本
 NSRTFTextDocumentType   //  富文本
 NSRTFDTextDocumentType   // 帶附件的富文本
 NSHTMLTextDocumentType  // 這個可以加載HTML格式的文本

• 1
• 2
• 3
• 4

編碼格式NSCharacterEncodingDocumentAttribute

 [NSNumber numberWithInt:NSUTF8StringEncoding]; // 不再一一列舉

• 1

默認NSDefaultAttributesDocumentAttribute

這個不知道對應的value是什麼

2.富文本總結

這是富文本的所有屬性

屬性Name	幹啥的	類型
NSFontAttributeName	字號	UIFont 默認12
NSParagraphStyleAttributeName	段落樣式	NSParagraphStyle
NSForegroundColorAttributeName	前景色	UIColor
NSBackgroundColorAttributeName	背景色	UIColor
NSObliquenessAttributeName	字體傾斜	NSNumber
NSExpansionAttributeName	字體加粗	NSNumber 比例 0就是不變 1增加一倍
NSKernAttributeName	字間距	CGFloat
NSUnderlineStyleAttributeName	下劃線	1或0
NSUnderlineColorAttributeName	下劃線顏色	UIColor
NSStrikethroughStyleAttributeName	刪除線	1或0
NSStrikethroughColorAttributeName	刪除線顏色	UIColor
NSStrokeColorAttributeName	same as ForegroundColor	UIColor
NSStrokeWidthAttributeName	字體描邊	CGFloat
NSLigatureAttributeName	連筆字 沒看出效果	1或0
NSShadowAttributeName	陰影	NSShawdow
NSTextEffectAttributeName	設置文本特殊效果,目前只有圖版印刷效果可用	NSString
NSAttachmentAttributeName	設置文本附件,常用插入圖片	NSTextAttachment
NSLinkAttributeName	鏈接	NSURL (preferred) or NSString
NSBaselineOffsetAttributeName	基準線偏移	NSNumber
NSWritingDirectionAttributeName	文字方向 分別代表不同的文字出現方向等等，我想你一定用不到它 - -	@[@(1),@(2)]
NSVerticalGlyphFormAttributeName	水平或者豎直文本 在iOS沒卵用，不支持豎版	1豎直 0水平

解釋一下其中的三個類型

段落樣式

段落樣式主要改行距、段距、首行縮進、最大最小行高、多倍行距等十幾個屬性，把這些總結了你就比我更全..

    NSMutableParagraphStyle *muParagraph = [[NSMutableParagraphStyle alloc]init];
    muParagraph.lineSpacing = 10; // 行距
    muParagraph.paragraphSpacing = 20; // 段距
    muParagraph.firstLineHeadIndent = 30; // 首行縮進

• 1
• 2
• 3
• 4
• 5

陰影

就三屬性，不用解釋了

    NSShadow *shadow = [[NSShadow alloc]init];
    shadow.shadowOffset = CGSizeMake(2, 2);
    shadow.shadowColor = [UIColor orangeColor];
    shadow.shadowBlurRadius = 1;

• 1
• 2
• 3
• 4
• 5

附件

這個我的也沒顯示出來，想鑽研的看這裏http://www.jianshu.com/p/5babe8b7983e

    NSTextAttachment *attachment=[[NSTextAttachment alloc] initWithData:nil ofType:nil];
    UIImage *img=[UIImage imageNamed:@"test.png"];
    attachment.image=img;
    attachment.bounds=CGRectMake(0, 0, 20, 20);

• 1
• 2
• 3
• 4

下面是我的富文本代碼，可以copy過去直接試

- (void)viewDidLoad {
    [super viewDidLoad];

    self.view.backgroundColor = [UIColor grayColor];
    [self.view addSubview:self.attTV];

    //NSFontAttributeName   字號 UIFont 默認12
    //NSParagraphStyleAttributeName    段落樣式  NSParagraphStyle
    //NSForegroundColorAttributeName    前景色   UIColor
    //NSBackgroundColorAttributeName    背景色   UIColor
    //NSObliquenessAttributeName        字體傾斜     NSNumber
    //NSExpansionAttributeName          字體加粗     NSNumber  比例 0就是不變 1增加一倍
    //NSKernAttributeName               字間距   CGFloat
    //NSUnderlineStyleAttributeName     下劃線     1或0
    //NSUnderlineColorAttributeName     下劃線顏色
    //NSStrikethroughStyleAttributeName 刪除線   1或0
    //NSStrikethroughColorAttributeName 某種顏色
    //NSStrokeColorAttributeName        same as ForegroundColor
    //NSStrokeWidthAttributeName        CGFloat
    //NSLigatureAttributeName           連筆字  1或0  沒看出效果
    //NSShadowAttributeName             陰影    NSShawdow
    //NSTextEffectAttributeName          設置文本特殊效果，取值爲 NSString 對象，目前只有圖版印刷效果可用：
    //NSAttachmentAttributeName         NSTextAttachment  設置文本附件,常用插入圖片
    //NSLinkAttributeName               鏈接  NSURL (preferred) or NSString
    //NSBaselineOffsetAttributeName     基準線偏移   NSNumber

    //NSWritingDirectionAttributeName   文字方向     @[@(1),@(2)]  分別代表不同的文字出現方向等等，我想你一定用不到它 - -
    //NSVerticalGlyphFormAttributeName  水平或者豎直文本  1豎直 0水平 在iOS沒卵用，不支持豎版

    NSParagraphStyle *paragraph = [[NSParagraphStyle alloc]init];
    NSMutableParagraphStyle *muParagraph = [[NSMutableParagraphStyle alloc]init];
    muParagraph.lineSpacing = 10; // 行距
    muParagraph.paragraphSpacing = 20; // 段距
    muParagraph.firstLineHeadIndent = 30; // 首行縮進


    NSMutableAttributedString * attrStr = [[NSMutableAttributedString alloc] initWithData:[@"asdasdflhjlfsaiollzislooa" dataUsingEncoding:NSUnicodeStringEncoding] options:@{ NSDocumentTypeDocumentAttribute: NSHTMLTextDocumentType } documentAttributes:nil error:nil];


    NSRange range = NSMakeRange(0, attrStr.length);
    // 設置字體大小
    [attrStr addAttribute:NSFontAttributeName value:[UIFont systemFontOfSize:30] range:range];
    //字間距
    [attrStr addAttribute:NSKernAttributeName value:@(2) range:range];
    // 字體傾斜
    [attrStr addAttribute:NSObliquenessAttributeName value:@(1) range:range];
    // 字體加粗
    [attrStr addAttribute:NSExpansionAttributeName value:@(0.5) range:range];
    // 下劃線
    [attrStr addAttribute:NSUnderlineStyleAttributeName value:@(1) range:range];
    [attrStr addAttribute:NSUnderlineColorAttributeName value:[UIColor blueColor] range:range];
    // 刪除線
    [attrStr addAttribute:NSStrikethroughStyleAttributeName value:@(1) range:range];
    [attrStr addAttribute:NSStrikethroughColorAttributeName value:[UIColor greenColor] range:range];

    // 連體字
    [attrStr addAttribute:NSLigatureAttributeName value:@(1) range:range];


    // 設置顏色
    [attrStr addAttribute:NSForegroundColorAttributeName value:[UIColor colorWithRed:0.942 green:0.611 blue:0.771 alpha:1.000] range:range];
    // 背景色
    [attrStr addAttribute:NSBackgroundColorAttributeName value:[UIColor colorWithRed:0.475 green:0.482 blue:0.942 alpha:1.000] range:range];

    // stroke
    [attrStr addAttribute:NSStrokeColorAttributeName value:[UIColor blueColor] range:range];
    [attrStr addAttribute:NSStrokeWidthAttributeName value:@(2) range:range];

    // 設置段落樣式
    [attrStr addAttribute:NSParagraphStyleAttributeName value:muParagraph range:range];

    // 文本方向
    [attrStr addAttribute:NSVerticalGlyphFormAttributeName value:@(1) range:range];
    [attrStr addAttribute:NSWritingDirectionAttributeName value:@[@(2),@(3)] range:range];


    // 陰影
    NSShadow *shadow = [[NSShadow alloc]init];
    shadow.shadowOffset = CGSizeMake(2, 2);
    shadow.shadowColor = [UIColor orangeColor];
    shadow.shadowBlurRadius = 1;
    [attrStr addAttribute:NSShadowAttributeName value:shadow range:range];

    // 鏈接
    [attrStr addAttribute:NSLinkAttributeName value:[NSURL URLWithString:@"http://www.jianshu.com/p/8f49c9c99b21"] range:range];

    // 文字中加圖片
    NSTextAttachment *attachment=[[NSTextAttachment alloc] initWithData:nil ofType:nil];

    UIImage *img=[UIImage imageNamed:@"test.png"];
    attachment.image=img;
    attachment.bounds=CGRectMake(0, 0, 20, 20);
    [attrStr addAttribute:NSAttachmentAttributeName value:attachment range:range];

    // 基準線偏移
    [attrStr addAttribute:NSBaselineOffsetAttributeName value:@(50) range:range];

    self.attTV.attributedText = attrStr;
}

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19
• 20
• 21
• 22
• 23
• 24
• 25
• 26
• 27
• 28
• 29
• 30
• 31
• 32
• 33
• 34
• 35
• 36
• 37
• 38
• 39
• 40
• 41
• 42
• 43
• 44
• 45
• 46
• 47
• 48
• 49
• 50
• 51
• 52
• 53
• 54
• 55
• 56
• 57
• 58
• 59
• 60
• 61
• 62
• 63
• 64
• 65
• 66
• 67
• 68
• 69
• 70
• 71
• 72
• 73
• 74
• 75
• 76
• 77
• 78
• 79
• 80
• 81
• 82
• 83
• 84
• 85
• 86
• 87
• 88
• 89
• 90
• 91
• 92
• 93
• 94
• 95
• 96
• 97
• 98
• 99
• 100

我的效果圖很磕饞