Quartz 2D (2)

1、圆形图片裁剪


UIImage *imagec = [UIImage imageNamed:@"img_01"];

//开启跟图片一样大小的上下文
UIGraphicsBeginImageContextWithOptions(imagec.size, NO, 0);

//设置一个圆形的裁剪区域
UIBezierPath *path = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(0, 0, imagec.size.width, imagec.size.height)];

//把圆形的路径设置成裁剪区域
[path addClip];

//把图片绘制到上下文当中(超过裁剪区域以外的内容全部裁剪掉)
[imagec drawAtPoint:CGPointZero];

//从上下文当中取出图片
UIImage *imageY = UIGraphicsGetImageFromCurrentImageContext();

//关闭上下文
UIGraphicsEndImageContext();

self.image.image = imageY;

2、实现手机屏幕截屏功能(把控制器中View的内容截屏生成一张新的图片)

-(void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event{
(1)//开启一个跟控制器view相同大小的上下文.
UIGraphicsBeginImageContextWithOptions(self.view.bounds.size, NO, 0);
(2)//获取当前的上下文.
CGContextRef ctx = UIGraphicsGetCurrentContext();
(3)//把View的内容绘制到上下文当中.
//注意:View是不能够直接绘制到上下文当中的.View之所以能够显示是因为它内部有一个layer(层),
//层是通过渲染的方式绘制到上下文当中的.
[self.view.layer renderInContext:ctx];

(4)//从上下文当中生成一张图片
UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext();

(5)//关闭上下文.
UIGraphicsEndImageContext();

(6)//把生成的图片写到桌面上(以文件的方式进行传输:即以二进制流NSData的方式进行传输)

//桌面都是以流的形式传递数据,所以我们要把图片转成二进流.
//参数一:image:要转的图片
//参数二:compressionQuality:压缩质量,1代表质量最高
NSData *data = UIImageJPEGRepresentation(newImage, 1);

[data writeToFile:@"/Users/gaoxinqiang/Desktop/newImage.jpg" atomically:YES];

//或者NSData *data = UIImagePNGRepresentation(newImage);
//[data writeToFile:@"/Users/gaoxinqiang/Desktop/newImage.png" atomically:YES];

}

3、图片截屏

4、图片擦除

注意点:UIImageView本身默认是不能接收事件的,即是不能与用户交互,记得更改 self.iamge.userInteractionEnabled = YES后便可以接收事件,能与用户交互

实现思路:

1>在控制器拉进两个UIImageView控件,分别设置图片
2>给后添加的UIImageView添加手势
3>添加手势的监听方法,在监听方法中代码如下:

- (IBAction)pan:(UIPanGestureRecognizer *)pan  {

//获取当前手指所在的点
CGPoint curP = [pan locationInView:self.view];

//确定擦除区域
CGFloat w = 30;
CGFloat h = 30;
CGFloat x = curP.x - w *0.5;
CGFloat y = curP.y - h *0.5;
CGRect viewRect = CGRectMake(x,  y, h, w);

//开启跟图片一样大小的上下文,注意,要设置成透明,擦除后能看见后面的图片
//参数:opaque不透明,把它设置NO就是设置成透明的
UIGraphicsBeginImageContextWithOptions(self.iamge.bounds.size, NO, 0);

//获取上下文
CGContextRef ctx = UIGraphicsGetCurrentContext();

//把后添加的UIImageView的内容渲染到当前的上下文当中
[self.iamge.layer renderInContext:ctx];

//擦除上下文当中制定的区域
CGContextClearRect(ctx, viewRect);

//从上下文当中生成并且取出新的图片
UIImage *newImage  = UIGraphicsGetImageFromCurrentImageContext();

//给后添加的图片重新赋值
self.iamge.image = newImage;

}

项目运行出现bug的解决方案:

1>在方法中打断点,看是否已经调用方法

2>可以区域性的注释

5、常用方法解析

  - (void)awakeFromNib
{
//从xib加载的时�候调用(是xib加载完毕的时候调用)
// 一般在此方法中创建控件
}

- (void)layoutSubview
{
//一般在此方法中设置控件的frame
}

//当解析一个文件的时候调用(是xib刚加载的时候调用)
- (instancetype)initWithCoder:(NSCoder *)aDecoder
{

}

你可能感兴趣的:(Quartz 2D (2))