Core Graphics框架学习之在图片上绘制文字

话不多说，先上效果图，此需求是图片上的文字可以更改，文字大小也可以更改。

    

    iOS支持两套图形API族：Core Graphics/Quartz 2D和OpenGL ES，OpenGL ES属于跨平台的图形API，属于OpenGL的一个简化版。而QuartZ 2D是苹果公司开发的一套API，它是Core Graphics FrameWork的一部分。Core Graphics FrameWork是基于C的一套绘图API，使用了Quartz作为绘图引擎。它的所有操作都在一个上下文中进行，所以在绘图之前需要获取该上下文(context)并传入执行渲染的函数中。假如你正在渲染一张在内存中的图片，此时需要传入该图片所属的上下文。获得一个图片的上下文是绘图的第一步，如下代码：

           //创建一个基于位图的上下文(context)

           UIGraphicsBeginImageContextWithOptions(size,NO,0.0);//opaque:NO  scale:0.0

    我们可以将图形上下文理解成一块画布，如果没有得到这块画布就不能进行任何操作。下面是我自己写的UIImage的一个category，请看实现

[objc] view plain copy

1. - (UIImage *)imageWithTitle:(NSString *)title fontSize:(CGFloat)fontSize {  

2.     //画布大小  

3.     CGSize size=CGSizeMake(self.size.width,self.size.height);  

4.     //创建一个基于位图的上下文  

5.     UIGraphicsBeginImageContextWithOptions(size,NO,0.0);//opaque:NO  scale:0.0  

6.       

7.     [self drawAtPoint:CGPointMake(0.0,0.0)];  

8.       

9.     //文字居中显示在画布上  

10.     NSMutableParagraphStyle* paragraphStyle = [[NSParagraphStyle defaultParagraphStyle] mutableCopy];  

11.     paragraphStyle.lineBreakMode = NSLineBreakByCharWrapping;  

12.     paragraphStyle.alignment=NSTextAlignmentCenter;//文字居中  

13.       

14.     //计算文字所占的size,文字居中显示在画布上  

15.     CGSize sizeText=[title boundingRectWithSize:self.size options:NSStringDrawingUsesLineFragmentOrigin  

16.                                        attributes:@{NSFontAttributeName:[UIFont systemFontOfSize:fontSize]}context:nil].size;  

17.     CGFloat width = self.size.width;  

18.     CGFloat height = self.size.height;  

19.       

20.     CGRect rect = CGRectMake((width-sizeText.width)/2, (height-sizeText.height)/2, sizeText.width, sizeText.height);  

21.     //绘制文字  

22.     [title drawInRect:rect withAttributes:@{ NSFontAttributeName:[UIFont systemFontOfSize:fontSize],NSForegroundColorAttributeName:[ UIColor whiteColor],NSParagraphStyleAttributeName:paragraphStyle}];  

23.       

24.     //返回绘制的新图形  

25.     UIImage *newImage= UIGraphicsGetImageFromCurrentImageContext();  

26.     UIGraphicsEndImageContext();  

27.     return newImage;  

28. }  

    请看代码，一切尽在不言中。下面介绍一款软件PaintCode帮助实现Core Graphics绘图，软件可以直接通过拖拉控件，改变属性，来实现绘图，并且生成oc代码:

    

 

    和"PaintCode"相关文章: 

               http://www.woshipm.com/tag/paintcode

    github下载地址：

               https://github.com/shenguanhua/GHUIImage