IOS CoreText.framework --- 段落样子CTParagraphStyle

  

在前面一篇文章中，介绍了属性文字的基本使用，本章节主要针对文字的段落样式展开演示说明。

先定义一段演示文字（文字中有中，英文）。

[cpp]  view plain copy

1. NSString *src = [NSString stringWithString:@"其实流程是这样的： 1、生成要绘制的NSAttributedString对象。 2、生成一个CTFramesetterRef对象，然后创建一个CGPath对象，这个Path对象用于表示可绘制区域坐标值、长宽。 3、使用上面生成的setter和path生成一个CTFrameRef对象，这个对象包含了这两个对象的信息（字体信息、坐标信息），它就可以使用CTFrameDraw方法绘制了。"];  
2.     NSMutableAttributedString * mabstring = [[NSMutableAttributedString alloc]initWithString:src];  
3.       
4.     long slen = [mabstring length];  

[cpp]  view plain copy

1. <span style="font-family: Arial, Helvetica, sans-serif;">  在未设置段落样式的情况下，效果：</span>  

从上面的交果来看，想必大家也看到了，英文部份换行显示了。这个一般情况下不注意，但在大的段落文章中就会出现不对齐现象。

先不管上面的，下面逐个来演示一下段落属性。
段落样式定义：

[cpp]  view plain copy

1. kCTParagraphStyleSpecifierAlignment = 0,                 //对齐属性  
2.  kCTParagraphStyleSpecifierFirstLineHeadIndent = 1,       //首行缩进  
3.  kCTParagraphStyleSpecifierHeadIndent = 2,                //段头缩进  
4.  kCTParagraphStyleSpecifierTailIndent = 3,                //段尾缩进  
5.  kCTParagraphStyleSpecifierTabStops = 4,                  //制表符模式  
6.  kCTParagraphStyleSpecifierDefaultTabInterval = 5,        //默认tab间隔  
7.  kCTParagraphStyleSpecifierLineBreakMode = 6,             //换行模式  
8.  kCTParagraphStyleSpecifierLineHeightMultiple = 7,        //多行高  
9.  kCTParagraphStyleSpecifierMaximumLineHeight = 8,         //最大行高  
10.  kCTParagraphStyleSpecifierMinimumLineHeight = 9,         //最小行高  
11.  kCTParagraphStyleSpecifierLineSpacing = 10,              //行距   
12.  kCTParagraphStyleSpecifierParagraphSpacing = 11,         //段落间距  在段的未尾（Bottom）加上间隔，这个值为负数。  
13.  kCTParagraphStyleSpecifierParagraphSpacingBefore = 12,   //段落前间距 在一个段落的前面加上间隔。TOP  
14.  kCTParagraphStyleSpecifierBaseWritingDirection = 13,     //基本书写方向  
15.  kCTParagraphStyleSpecifierMaximumLineSpacing = 14,       //最大行距  
16.  kCTParagraphStyleSpecifierMinimumLineSpacing = 15,       //最小行距  
17.  kCTParagraphStyleSpecifierLineSpacingAdjustment = 16,    //行距调整  
18.  kCTParagraphStyleSpecifierCount = 17,        //  

对齐属性：

kCTLeftTextAlignment = 0,                //左对齐
kCTRightTextAlignment = 1,               //右对齐
kCTCenterTextAlignment = 2,              //居中对齐
kCTJustifiedTextAlignment = 3,           //文本对齐
kCTNaturalTextAlignment = 4              //自然文本对齐

段落默认样式为

kCTNaturalTextAlignment

效果：

居中：

文本对齐Justified效果

对齐方式设置代码：

[cpp] view plain copy

1. CTTextAlignment alignment = kCTJustifiedTextAlignment;  
2.     CTParagraphStyleSetting alignmentStyle;  
3.     alignmentStyle.spec=kCTParagraphStyleSpecifierAlignment;//指定为对齐属性  
4.     alignmentStyle.valueSize=sizeof(alignment);  
5.     alignmentStyle.value=&alignment;  

首行缩进代码：

[cpp] view plain copy

1. //首行缩进  
2.     CGFloat fristlineindent = 24.0f;  
3.     CTParagraphStyleSetting fristline;  
4.     fristline.spec = kCTParagraphStyleSpecifierFirstLineHeadIndent;  
5.     fristline.value = &fristlineindent;  
6.     fristline.valueSize = sizeof(float);  

效果：

段头缩进代码：

[cpp] view plain copy

1. //段缩进  
2. CGFloat headindent = 10.0f;  
3. CTParagraphStyleSetting head;  
4. head.spec = kCTParagraphStyleSpecifierHeadIndent;  
5. head.value = &headindent;  
6. head.valueSize = sizeof(float);  

效果：

段尾缩进代码：

[cpp] view plain copy

1. //段尾缩进  
2. CGFloat tailindent = 50.0f;  
3. CTParagraphStyleSetting tail;  
4. tail.spec = kCTParagraphStyleSpecifierTailIndent;  
5. tail.value = &tailindent;  
6. tail.valueSize = sizeof(float);  

效果：

制表符（tab）代码：

[cpp] view plain copy

1. //tab  
2.     CTTextAlignment tabalignment = kCTJustifiedTextAlignment;  
3.     CTTextTabRef texttab = CTTextTabCreate(tabalignment, 24, NULL);  
4.     CTParagraphStyleSetting tab;  
5.     tab.spec = kCTParagraphStyleSpecifierTabStops;  
6.     tab.value = &texttab;  
7.     tab.valueSize = sizeof(CTTextTabRef);  

效果（未看出哪有变化感觉行距大了点）：

换行模式：

kCTLineBreakByWordWrapping = 0,        //出现在单词边界时起作用，如果该单词不在能在一行里显示时，整体换行。此为段的默认值。
kCTLineBreakByCharWrapping = 1,        //当一行中最后一个位置的大小不能容纳一个字符时，才进行换行。
kCTLineBreakByClipping = 2,            //超出画布边缘部份将被截除。
kCTLineBreakByTruncatingHead = 3,      //截除前面部份，只保留后面一行的数据。前部份以...代替。
kCTLineBreakByTruncatingTail = 4,      //截除后面部份，只保留前面一行的数据，后部份以...代替。
kCTLineBreakByTruncatingMiddle = 5     //在一行中显示段文字的前面和后面文字，中间文字使用...代替。

换行模式代码：

[cpp] view plain copy

1. //换行模式  
2.    CTParagraphStyleSetting lineBreakMode;  
3.    CTLineBreakMode lineBreak = kCTLineBreakByWordWrapping;//kCTLineBreakByCharWrapping;//换行模式  
4.    lineBreakMode.spec = kCTParagraphStyleSpecifierLineBreakMode;  
5.    lineBreakMode.value = &lineBreak;  
6.    lineBreakMode.valueSize = sizeof(CTLineBreakMode);  

kCTLineBreakByWordWrapping

效果：

kCTLineBreakByCharWrapping

效果:

kCTLineBreakByClipping

效果：

kCTLineBreakByTruncatingHead

效果：

kCTLineBreakByTruncatingTail

效果：

kCTLineBreakByTruncatingMiddle

效果：

多行高设置代码：

[cpp] view plain copy

1. //多行高  
2. CGFloat MutiHeight = 10.0f;  
3. CTParagraphStyleSetting Muti;  
4. Muti.spec = kCTParagraphStyleSpecifierLineHeightMultiple;  
5. Muti.value = &MutiHeight;  
6. Muti.valueSize = sizeof(float);  

效果：

最大行高代码：

[cpp] view plain copy

1. //最大行高  
2.     CGFloat MaxHeight = 5.0f;  
3.     CTParagraphStyleSetting Max;  
4.     Max.spec = kCTParagraphStyleSpecifierLineHeightMultiple;  
5.     Max.value = &MaxHeight;  
6.     Max.valueSize = sizeof(float);  

效果：

行距代码：

[cpp] view plain copy

1. //行距   
2. CGFloat _linespace = 5.0f;  
3. CTParagraphStyleSetting lineSpaceSetting;  
4. lineSpaceSetting.spec = kCTParagraphStyleSpecifierLineSpacing;  
5. lineSpaceSetting.value = &_linespace;  
6. lineSpaceSetting.valueSize = sizeof(float);  

效果：

段前间距设置代码（段与段之间）：

[cpp] view plain copy

1. //段前间隔  
2. CGFloat paragraphspace = 5.0f;  
3. CTParagraphStyleSetting paragraph;  
4. paragraph.spec = kCTParagraphStyleSpecifierLineSpacing;  
5. paragraph.value = ¶graphspace;  
6. paragraph.valueSize = sizeof(float);  

效果：

kCTWritingDirectionNatural = -1,            //普通书写方向，一般习惯是从左到右写
kCTWritingDirectionLeftToRight = 0,         //从左到右写
kCTWritingDirectionRightToLeft = 1          //从右到左写

基本书写方向代码：

[cpp] view plain copy

1. //书写方向  
2. CTWritingDirection wd = kCTWritingDirectionRightToLeft;  
3. CTParagraphStyleSetting writedic;  
4. writedic.spec = kCTParagraphStyleSpecifierBaseWritingDirection;  
5. writedic.value = &wd;  
6. writedic.valueSize = sizeof(CTWritingDirection);  

效果：

这个跟字体右对齐效果上类似。

好了，段落的API样式介绍到这里，里面还有很多配合设置时的效果。读者自行演示了。

下面附上draw 代码：

[cpp] view plain copy

1. -(void)ParagraphStyle  
2. {  
3.     NSString *src = [NSString stringWithString:@"其实流程是这样的： 1、生成要绘制的NSAttributedString对象。 2、生成一个CTFramesetterRef对象，然后创建一个CGPath对象，这个Path对象用于表示可绘制区域坐标值、长宽。 3、使用上面生成的setter和path生成一个CTFrameRef对象，这个对象包含了这两个对象的信息（字体信息、坐标信息），它就可以使用CTFrameDraw方法绘制了。"];  
4.       
5.     //修改windows回车换行为mac的回车换行  
6.     //src = [src stringByReplacingOccurrencesOfString:@"\r\n" withString:@"\n"];  
7.       
8.     NSMutableAttributedString * mabstring = [[NSMutableAttributedString alloc]initWithString:src];  
9.       
10.     long slen = [mabstring length];  
11.       
12.       
13.     //创建文本对齐方式  
14.     CTTextAlignment alignment = kCTRightTextAlignment;//kCTNaturalTextAlignment;  
15.     CTParagraphStyleSetting alignmentStyle;  
16.     alignmentStyle.spec=kCTParagraphStyleSpecifierAlignment;//指定为对齐属性  
17.     alignmentStyle.valueSize=sizeof(alignment);  
18.     alignmentStyle.value=&alignment;  
19.       
20.     //首行缩进  
21.     CGFloat fristlineindent = 24.0f;  
22.     CTParagraphStyleSetting fristline;  
23.     fristline.spec = kCTParagraphStyleSpecifierFirstLineHeadIndent;  
24.     fristline.value = &fristlineindent;  
25.     fristline.valueSize = sizeof(float);  
26.       
27.     //段缩进  
28.     CGFloat headindent = 10.0f;  
29.     CTParagraphStyleSetting head;  
30.     head.spec = kCTParagraphStyleSpecifierHeadIndent;  
31.     head.value = &headindent;  
32.     head.valueSize = sizeof(float);  
33.       
34.     //段尾缩进  
35.     CGFloat tailindent = 50.0f;  
36.     CTParagraphStyleSetting tail;  
37.     tail.spec = kCTParagraphStyleSpecifierTailIndent;  
38.     tail.value = &tailindent;  
39.     tail.valueSize = sizeof(float);  
40.       
41.     //tab  
42.     CTTextAlignment tabalignment = kCTJustifiedTextAlignment;  
43.     CTTextTabRef texttab = CTTextTabCreate(tabalignment, 24, NULL);  
44.     CTParagraphStyleSetting tab;  
45.     tab.spec = kCTParagraphStyleSpecifierTabStops;  
46.     tab.value = &texttab;  
47.     tab.valueSize = sizeof(CTTextTabRef);  
48.       
49.     //换行模式  
50.     CTParagraphStyleSetting lineBreakMode;  
51.     CTLineBreakMode lineBreak = kCTLineBreakByTruncatingMiddle;//kCTLineBreakByWordWrapping;//换行模式  
52.     lineBreakMode.spec = kCTParagraphStyleSpecifierLineBreakMode;  
53.     lineBreakMode.value = &lineBreak;  
54.     lineBreakMode.valueSize = sizeof(CTLineBreakMode);  
55.       
56.     //多行高  
57.     CGFloat MutiHeight = 10.0f;  
58.     CTParagraphStyleSetting Muti;  
59.     Muti.spec = kCTParagraphStyleSpecifierLineHeightMultiple;  
60.     Muti.value = &MutiHeight;  
61.     Muti.valueSize = sizeof(float);  
62.       
63.     //最大行高  
64.     CGFloat MaxHeight = 5.0f;  
65.     CTParagraphStyleSetting Max;  
66.     Max.spec = kCTParagraphStyleSpecifierLineHeightMultiple;  
67.     Max.value = &MaxHeight;  
68.     Max.valueSize = sizeof(float);  
69.       
70.     //行距   
71.     CGFloat _linespace = 5.0f;  
72.     CTParagraphStyleSetting lineSpaceSetting;  
73.     lineSpaceSetting.spec = kCTParagraphStyleSpecifierLineSpacing;  
74.     lineSpaceSetting.value = &_linespace;  
75.     lineSpaceSetting.valueSize = sizeof(float);  
76.       
77.     //段前间隔  
78.     CGFloat paragraphspace = 5.0f;  
79.     CTParagraphStyleSetting paragraph;  
80.     paragraph.spec = kCTParagraphStyleSpecifierLineSpacing;  
81.     paragraph.value = ¶graphspace;  
82.     paragraph.valueSize = sizeof(float);  
83.       
84.     //书写方向  
85.     CTWritingDirection wd = kCTWritingDirectionRightToLeft;  
86.     CTParagraphStyleSetting writedic;  
87.     writedic.spec = kCTParagraphStyleSpecifierBaseWritingDirection;  
88.     writedic.value = &wd;  
89.     writedic.valueSize = sizeof(CTWritingDirection);  
90.       
91.     //组合设置  
92.     CTParagraphStyleSetting settings[] = {  
93.         alignmentStyle  
94.         fristline,  
95.         head,  
96.         tail,  
97.         tab,  
98.         lineBreakMode,  
99.         Muti,  
100.         Max,  
101.         lineSpaceSetting,  
102.         writedic  
103.         indentSetting  
104.           
105.     };  
106.       
107.     //通过设置项产生段落样式对象  
108.     CTParagraphStyleRef style = CTParagraphStyleCreate(settings, 11);  
109.        
110.     // build attributes  
111.     NSMutableDictionary *attributes = [NSMutableDictionary dictionaryWithObject:(id)style forKey:(id)kCTParagraphStyleAttributeName ];  
112.    
113.     // set attributes to attributed string  
114.     [mabstring addAttributes:attributes range:NSMakeRange(0, slen)];  
115.       
116.       
117.     CTFramesetterRef framesetter = CTFramesetterCreateWithAttributedString((CFAttributedStringRef)mabstring);  
118.       
119.     CGMutablePathRef Path = CGPathCreateMutable();  
120.       
121.     //坐标点在左下角  
122.     CGPathAddRect(Path, NULL ,CGRectMake(10 , 10 ,self.bounds.size.width-20 , self.bounds.size.height-20));  
123.       
124.     CTFrameRef frame = CTFramesetterCreateFrame(framesetter, CFRangeMake(0, 0), Path, NULL);      
125.       
126.       
127.       
128.     //获取当前(View)上下文以便于之后的绘画，这个是一个离屏。  
129.     CGContextRef context = UIGraphicsGetCurrentContext();  
130.       
131.     CGContextSetTextMatrix(context , CGAffineTransformIdentity);  
132.       
133.     //压栈，压入图形状态栈中.每个图形上下文维护一个图形状态栈，并不是所有的当前绘画环境的图形状态的元素都被保存。图形状态中不考虑当前路径，所以不保存  
134.     //保存现在得上下文图形状态。不管后续对context上绘制什么都不会影响真正得屏幕。  
135.     CGContextSaveGState(context);  
136.       
137.     //x，y轴方向移动  
138.     CGContextTranslateCTM(context , 0 ,self.bounds.size.height);  
139.       
140.     //缩放x，y轴方向缩放，－1.0为反向1.0倍,坐标系转换,沿x轴翻转180度  
141.     CGContextScaleCTM(context, 1.0 ,-1.0);  
142.       
143.     CTFrameDraw(frame,context);  
144.       
145.     CGPathRelease(Path);  
146.     CFRelease(framesetter);  
147. }  

-（void）drawRect:(CGRect)rect

{

   [self ParagraphStyle];

}

版权声明：本文为博主原创文章，未经博主允许不得转载。