iOS开发UI篇—Quartz2D简单使用(二)

iOS开发UI篇—Quartz2D简单使用(二)

一、画文字

代码：

 1 //

 2 //  YYtextview.m

 3 //  04-写文字

 4 //

 5 //  Created by 孔医己 on 14-6-10.

 6 //  Copyright (c) 2014年 itcast. All rights reserved.

 7 //

 8 

 9 #import "YYtextview.h"

10 

11 @implementation YYtextview

12 

13 

14 - (void)drawRect:(CGRect)rect

15 {

16     

17     // 画文字

18     NSString *str = @"的额搜风搜分手了粉色发俄双方说法offFF瓦房你F回复F入会费WFH；飞；FN返回WFH；哦发货；F回复；FHISFHSIFH我皮肤好APIFRHi分红AWFHIOF威锋网i";

19     

20     // 1.获取上下文

21     //    CGContextRef ctx = UIGraphicsGetCurrentContext();

22     // 2.绘图

23     // 不推荐使用C语言的方法绘制文字, 因为quraz2d中的坐标系和UIkit中的坐标系不一致, 绘制出来的文字是颠倒的, 而且通过C语言的方法绘制文字相当麻烦

24     //    CGContextSelectFont(<#CGContextRef c#>, <#const char *name#>, <#CGFloat size#>, <#CGTextEncoding textEncoding#>)

25     //    CGContextShowText(ctx, <#const char *string#>, <#size_t length#>)

26     

27     // 绘制矩形

28     // 1.获取上下文

29     CGContextRef ctx = UIGraphicsGetCurrentContext();

30     // 2.绘图

31     CGContextAddRect(ctx, CGRectMake(50, 50, 100, 100));

32     // 3.渲染

33     CGContextStrokePath(ctx);

34     

35     

36 //    NSMutableDictionary *md = [NSMutableDictionary dictionary];

37 //    // 设置文字颜色

38 //    md[NSForegroundColorAttributeName] =[UIColor redColor];

39 //    // 设置文字背景颜色

40 //    md[NSBackgroundColorAttributeName] = [UIColor greenColor];

41 //    // 设置文字大小

42 //    md[NSFontAttributeName] = [UIFont systemFontOfSize:20];

43     

44     //    将文字绘制到指点的位置

45     //    [str drawAtPoint:CGPointMake(10, 10) withAttributes:md];

46     

47     //    将文字绘制到指定的范围内, 如果一行装不下会自动换行, 当文字超出范围后就不显示

48     [str drawInRect:CGRectMake(50, 50, 100, 100) withAttributes:nil];

49 }

50 

51 

52 @end

效果：

二、图片

代码1:

 1 //

 2 //  YYimage.m

 3 //  04-写文字

 4 //

 5 //  Created by 孔医己 on 14-6-10.

 6 //  Copyright (c) 2014年 itcast. All rights reserved.

 7 //

 8 

 9 #import "YYimage.h"

10 

11 @implementation YYimage

12 

13 

14 - (void)drawRect:(CGRect)rect

15 {

16  

17     //    1.加载图片到内存中

18     UIImage *image = [UIImage imageNamed:@"me"];

19     

20     

21     // 利用drawAsPatternInRec方法绘制图片到layer, 是通过平铺原有图片

22     [image drawAsPatternInRect:CGRectMake(0, 0, 320, 480)];

23 }

24 

25 

26 @end

效果（平铺）：

代码2：

 1 #import "YYimage.h"

 2 

 3 @implementation YYimage

 4 

 5 

 6 - (void)drawRect:(CGRect)rect

 7 {

 8  

 9     //    1.加载图片到内存中

10     UIImage *image = [UIImage imageNamed:@"me"];

11     

12     

13     // 利用OC方法将图片绘制到layer上

14   

15     // 利用drawInRect方法绘制图片到layer, 是通过拉伸原有图片

16         [image drawInRect:CGRectMake(0, 0, 200, 200)];

17     

18     // 利用drawAsPatternInRec方法绘制图片到layer, 是通过平铺原有图片

19 //    [image drawAsPatternInRect:CGRectMake(0, 0, 320, 480)];

20 }

21 

22 

23 @end

效果（拉伸图片）：

代码3：

 1 //

 2 //  YYimage.m

 3 //  04-写文字

 4 //

 5 //  Created by 孔医己 on 14-6-10.

 6 //  Copyright (c) 2014年 itcast. All rights reserved.

 7 //

 8 

 9 #import "YYimage.h"

10 

11 @implementation YYimage

12 

13 

14 - (void)drawRect:(CGRect)rect

15 {

16  

17     //    1.加载图片到内存中

18     UIImage *image = [UIImage imageNamed:@"me"];

19     

20     

21     // 利用OC方法将图片绘制到layer上

22     

23     // 将图片绘制到指定的位置

24     [image drawAtPoint:CGPointMake(100, 100)];

25     }

效果（把图片绘制到一个固定的位置）：