富文本(图文混排)—— TextKit & CoreText

富文本 图文混排 3种方式:
1.webView

使用简单
负载大
2.CoreText
性能好,功能强大
使用起来复杂
3.TextKit iOS7以后
是对CoreText做了封装,集成在UIKit框架中
使用比较简单,功能有限
//NSAttributedString.h 中文本属性key的说明
/*
NSFontAttributeName 设置字体属性,默认值:字体:Helvetica(Neue) 字号:12
NSForegroundColorAttributeNam 设置字体颜色,取值为 UIColor对象,默认值为黑色
NSBackgroundColorAttributeName 设置字体所在区域背景颜色,取值为 UIColor对象,默认值为nil, 透明色
NSLigatureAttributeName 设置连体属性,取值为NSNumber 对象(整数),0 表示没有连体字符,1 表示使用默认的连体字符
NSKernAttributeName 设定字符间距,取值为 NSNumber 对象(整数),正值间距加宽,负值间距变窄
NSStrikethroughStyleAttributeName 设置删除线,取值为 NSNumber 对象(整数)
NSStrikethroughColorAttributeName 设置删除线颜色,取值为 UIColor 对象,默认值为黑色
NSUnderlineStyleAttributeName 设置下划线,取值为 NSNumber 对象(整数),枚举常量 NSUnderlineStyle中的值,与删除线类似
NSUnderlineColorAttributeName 设置下划线颜色,取值为 UIColor 对象,默认值为黑色
NSStrokeWidthAttributeName 设置笔画宽度,取值为 NSNumber 对象(整数),负值填充效果,正值中空效果
NSStrokeColorAttributeName 填充部分颜色,不是字体颜色,取值为 UIColor 对象
NSShadowAttributeName 设置阴影属性,取值为 NSShadow 对象
NSTextEffectAttributeName 设置文本特殊效果,取值为 NSString 对象,目前只有图版印刷效果可用:
NSBaselineOffsetAttributeName 设置基线偏移值,取值为 NSNumber (float),正值上偏,负值下偏
NSObliquenessAttributeName 设置字形倾斜度,取值为 NSNumber (float),正值右倾,负值左倾
NSExpansionAttributeName 设置文本横向拉伸属性,取值为 NSNumber (float),正值横向拉伸文本,负值横向压缩文本
NSWritingDirectionAttributeName 设置文字书写方向,从左向右书写或者从右向左书写
NSVerticalGlyphFormAttributeName 设置文字排版方向,取值为 NSNumber 对象(整数),0 表示横排文本,1 表示竖排文本
NSLinkAttributeName 设置链接属性,点击后调用浏览器打开指定URL地址
NSAttachmentAttributeName 设置文本附件,取值为NSTextAttachment对象,常用于文字图片混排
NSParagraphStyleAttributeName 设置文本段落排版格式,取值为 NSParagraphStyle 对象
*/



一、TextKit的基本使用
1.创建NSMutableAttributedString对象
NSMutableAttributedString *attrString = [[NSMutableAttributedString alloc] initWithString:_text];
2.添加设置属性值
[attrString addAttribute:NSFontAttributeName
value:[UIFont systemFontOfSize:20]
range:[_text rangeOfString:str1]];
3.属性值attrString赋予UI对象(textView,textField,label)
_textView.attributedText = attrString;


二、常用的如添加超链接:
NSURL *url = [NSURL URLWithString:@"http://www.baidu.com"];

NSString *s1= @"UIKit";
[ attrString addAttribute:NSLinkAttributeName
value:url
range:[_text rangeOfString:s1]];
//超链接属性设置,如字体颜色
_textView.linkTextAttributes = @{NSForegroundColorAttributeName:[UIColor orangeColor],
NSUnderlineStyleAttributeName:@(2)};

三、文字间插入图片,如聊天文字中的表情图片参杂(混排)
1.涉及“附件类”NSTextAttachment
创建该类的子类如叫:ImgTextAttachment,并覆写下面这个方法
//lineFrag 包含了 一行的宽高
- (CGRect)attachmentBoundsForTextContainer:(NSTextContainer *)textContainer proposedLineFragment:(CGRect)lineFrag glyphPosition:(CGPoint)position characterIndex:(NSUInteger)charIndex {

return CGRectMake(0, 0, lineFrag.size.height, lineFrag.size.height); 
}


2.
ImgTextAttachment *attachment = [[ImgTextAttachment alloc] init];
attachment.image = [UIImage imageNamed:@"026.gif"];

NSAttributedString *imgAttrString = [NSAttributedString attributedStringWithAttachment:attachment];

[attrString insertAttributedString:imgAttrString atIndex:10];

textView.attributedText = attrString;


四、文本尺寸计算
纯文本尺寸计算

//[_text boundingRectWithSize:CGSizeMake(320, 1000) options:NSStringDrawingUsesLineFragmentOrigin attributes:@{NSFontAttributeName:[UIFont systemFontOfSize:20]} context:nil];


//经NSTextAttachment类中对NSAttributedString类进行了类别扩展的计算方法
CGRect bound = [attrString boundingRectWithSize:CGSizeMake(320, 1000) //限定宽高
options:NSStringDrawingUsesLineFragmentOrigin
context:nil];



五、段落重排
需要创建NSMutableParagraphStyle类实例对象,然后设置改对象中的一些属性:
NSMutableParagraphStyle *style = [[NSMutableParagraphStyle alloc] init];

style.alignment = NSTextAlignmentRight;
// style.headIndent = 60;//每一行所排
style.firstLineHeadIndent = 60;//第一行缩排
style.lineHeightMultiple = 1;//行高 倍数
style.lineSpacing = 5;//不是倍数 ,行间距

[attrString addAttribute:NSParagraphStyleAttributeName
value:style
range:NSMakeRange(0, _text.length)];

label.attributedText = attrString;




一、CoreText的基本使用
实例:自定义一个label
.h
#import 

@interface HWLabel : UIView

@property(nonatomic,strong) UIFont *font;
@property (nonatomic,strong) UIColor *textColor;
@property (nonatomic,copy) NSString *text;

@end



.m
#import "HWLabel.h"
#import 

@implementation HWLabel

- (id)initWithFrame:(CGRect)frame{

self = [super initWithFrame:frame];
if(self){
self.font = [UIFont systemFontOfSize:20];
self.textColor = [UIColor redColor];
self.backgroundColor = [UIColor grayColor];

}
return self;
}


- (void)drawRect:(CGRect)rect{

//01 attrString 构建
NSDictionary *attrDic = @{
NSFontAttributeName:self.font,
NSForegroundColorAttributeName:self.textColor
};

NSMutableAttributedString *attrString = [[NSMutableAttributedString alloc] initWithString:self.text attributes:attrDic];

//02 构建 frameSetter
CTFramesetterRef framesetterRef = CTFramesetterCreateWithAttributedString((CFAttributedStringRef)attrString);

//03 构建 CGPATH
CGMutablePathRef path = CGPathCreateMutable();
CGRect bounds = self.bounds;
CGPathAddRect(path, NULL, bounds);

//04 构建 frame
// CTFramesetterCreateFrame(<#CTFramesetterRef framesetter#>, <#CFRange stringRange#>, <#CGPathRef path#>, <#CFDictionaryRef frameAttributes#>)
CTFrameRef frame = CTFramesetterCreateFrame(framesetterRef, CFRangeMake(0, 0), path, NULL);

//05 获取context
CGContextRef context = UIGraphicsGetCurrentContext();

//转换坐标系 向上平移 view高度
CGContextTranslateCTM(context, 0, CGRectGetHeight(self.bounds));

//Y 旋转 180
CGContextScaleCTM(context, 1, -1);

//06
CTFrameDraw(frame, context);

}


@end


你可能感兴趣的:(iOS)