一、做一个刷帧动画的方法
1.启用定时器,在方法中调用setNeedsDisplay方法,在drawRect方法中更改view的位置。
-(void)upDate
{
[self setNeedsDisplay];
}
[NSTimer scheduledTimerWithTimeInterval:0.1 target:self selector:@selector(upDate) userInfo:nil repeats:YES];
2.屏幕刷帧,一般用下面这个方法,后面做法同上
CADisplayLink *display = [CADisplayLink displayLinkWithTarget:self selector:@selector(upDate)];
[display addToRunLoop:[NSRunLoop mainRunLoop] forMode:NSDefaultRunLoopMode];
二、画四边形的方法
1.常规画法
首先必须获取图像上下文,什么是图形上下文?
- (void)test
{
// 画四边形
CGContextRef ctx = UIGraphicsGetCurrentContext();
// 1.第一种方式, 通过连接固定的点绘制四边形
// CGContextMoveToPoint(ctx, 0, 0);
// CGContextAddLineToPoint(ctx, <#CGFloat x#>, <#CGFloat y#>)
// CGContextAddLineToPoint(ctx, <#CGFloat x#>, <#CGFloat y#>)
// CGContextAddLineToPoint(ctx, <#CGFloat x#>, <#CGFloat y#>)
// CGContextAddLineToPoint(ctx, <#CGFloat x#>, <#CGFloat y#>)
// 2.指定起点和宽高绘制四边形
// CGContextAddRect(ctx, CGRectMake(10, 10, 100, 100));
// CGContextStrokePath(ctx);
// 3.两步合为一部
// CGContextStrokeRect(ctx, CGRectMake(10, 10, 100, 100));
// CGContextFillRect(ctx, CGRectMake(10, 10, 100, 100));
// 4.通过OC的方法绘制实心的四边形, 注意没有空心的方法
// UIRectFill(CGRectMake(10, 10, 100, 100));
// 5.通过绘制线条设置宽度
CGContextMoveToPoint(ctx, 10, 10);
CGContextAddLineToPoint(ctx, 100, 100);
CGContextSetLineWidth(ctx, 50);
CGContextStrokePath(ctx);
}
2.通过创建路径path画图
- (void)drawRect:(CGRect)rect
{
// 1.获取上下文
CGContextRef ctx = UIGraphicsGetCurrentContext();
// 2.绘制图形
/*
// 设置起点
CGContextMoveToPoint(ctx, 10, 10);
// 设置终点
CGContextAddLineToPoint(ctx, 100, 100);
// 3.画圆
CGContextAddEllipseInRect(ctx, CGRectMake(50, 50, 50, 50));
*/
// 2.创建路径(一个path就代表一条路径)
// 但凡通过quarzt2d中的带有create/ copy / retain 方法创建出来的值都必须手动的释放
CGMutablePathRef path = CGPathCreateMutable();
// 设置起点
CGPathMoveToPoint(path, NULL, 10, 10);
// 设置终点
CGPathAddLineToPoint(path, NULL, 100, 100);
// 将路径添加到上下文中
CGContextAddPath(ctx, path);
// 3.再创建一条路径用于保存圆
CGMutablePathRef path2 = CGPathCreateMutable();
// 在path中添加画的路径
CGPathAddEllipseInRect(path2, NULL, CGRectMake(50, 50, 50, 50));
CGContextAddPath(ctx, path2);
// 3.渲染'
CGContextStrokePath(ctx);
// 释放前面创建的两条路径
CGPathRelease(path);
CGPathRelease(path2);
// 下面这种方式也可以释放路径
CFRelease(path);
CFRelease(path2);
}
三 如何将图形画到一个图片上(图片水印),需要bitmap上下文
- (void)viewDidLoad
{
[super viewDidLoad];
// -1.加载图片
// UIImage *image = [UIImage imageNamed:@"me"];
// 0.创建一个bitmap的上文
// CGBitmapContextCreate
/*
size :指定将来创建出来的bitmap的大小
opaque : YES:不透明 NO:透明
scale: 缩放比例
创建出来的bitmap就对应一个UIImage
*/
UIGraphicsBeginImageContextWithOptions(CGSizeMake(200, 200), NO, 0);
// 1.获取bitmap上下文
CGContextRef ctx = UIGraphicsGetCurrentContext();
// 2.绘图
CGContextAddEllipseInRect(ctx, CGRectMake(0, 0, 100, 100));
// 3.渲染
CGContextStrokePath(ctx);
// 4.获取生成的图片
UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
// 5.显示生成的图片到imageview
self.iv.image = image;
// 6.保存绘制好的图片到文件中
// 先将图片转换为二进制数据, 然后再将图片写到文件中
// UIImageJPEGRepresentation(image, 1)
NSData *data = UIImagePNGRepresentation(image);
[data writeToFile:@"/Users/apple/Desktop/abc.png" atomically:YES];
}
绘制图片到上下文中用drawAtPoint或者drawInRect方法,还有一个平铺的方法。
四 剪切图片
1.先画出边框,然后设定可视范围,再把图片画上去就可以了。
// 1.创建图片上下文
UIGraphicsBeginImageContextWithOptions(image.size, NO, 0);
// 2.指点可用范围
// 获取刚才创建的图片上下文
CGContextRef ctx = UIGraphicsGetCurrentContext();
// 画圆
CGContextAddEllipseInRect(ctx, CGRectMake(0, 0, image.size.width, image.size.height));
// 指点可用范围
CGContextClip(ctx);
// 3.绘图图片
[image drawInRect:CGRectMake(0, 0, image.size.width, image.size.height)];
// 4.取出图片
UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext();
self.iv.image = newImage;
指定可用范围, 可用范围的适用范围是在指定之后,也就说在在指定剪切的范围之前绘制的东西不受影响,指定范围时画的圆不需要进行渲染。
2.用图片进行平铺的两种方法:
[image drawAsPatternInRect:CGRectMake(0, 0, 320,320)];
UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
UIColor *myColor = [UIColor colorWithPatternImage:image];
self.contentView.backgroundColor = myColor;