首页 > 代码库 > iOS开发UI篇—Quartz2D简单使用(二)

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 YYtextview12 13 14 - (void)drawRect:(CGRect)rect15 {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 YYimage12 13 14 - (void)drawRect:(CGRect)rect15 {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 YYimage12 13 14 - (void)drawRect:(CGRect)rect15 {16  17     //    1.加载图片到内存中18     UIImage *image = [UIImage imageNamed:@"me"];19     20     21     // 利用OC方法将图片绘制到layer上22     23     // 将图片绘制到指定的位置24     [image drawAtPoint:CGPointMake(100, 100)];25     }
 

效果(把图片绘制到一个固定的位置):

技术分享

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