iOS开发UI篇—Quartz2D使用(截屏)

一、简单说明

在程序开发中,有时候需要截取屏幕上的某一块内容,比如捕鱼达人游戏。如图:


完成截屏功能的核心代码:- (void)renderInContext:(CGContextRef)ctx;调用某个view的layer的renderInContext:方法即可

二、代码示例

  storyboard界面搭建:



代码:

 1 //  2 // YYViewController.m
 3 // 01-截屏
 4 //  5 // Created by apple on 14-6-12.
 6 // Copyright (c) 2014年 itcase. All rights reserved.
 7 //
 8  9 #import "YYViewController.h" 10 #import "MBProgressHUD+NJ.h" 11 12 @interface YYViewController ()
13 @property (weak, nonatomic) IBOutlet UIView *contentView;
14 - (IBAction)BtnClick:(UIButton *)sender;
15 16 @end 17 18 @implementation YYViewController
19 20 - (void)viewDidLoad
21 {
22  [super viewDidLoad];
23 }
24 25 - (IBAction)BtnClick:(UIButton *)sender {
26 27 //延迟两秒保存 28 dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(2.0 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
29 //获取图形上下文
30 // UIGraphicsBeginImageContext(self.view.frame.size); 31  UIGraphicsBeginImageContext(self.contentView.frame.size);
32 //将view绘制到图形上下文中
33 34 // [self.view.layer renderInContext:UIGraphicsGetCurrentContext()]; 35  [self.contentView.layer renderInContext:UIGraphicsGetCurrentContext()];
36 37 38 //将截屏保存到相册 39 UIImage *newImage=UIGraphicsGetImageFromCurrentImageContext();
40 41  UIImageWriteToSavedPhotosAlbum(newImage,self, @selector(image:didFinishSavingWithError:contextInfo:), nil);
42  });
43 }
44 45 - (void)image:(UIImage *)image didFinishSavingWithError:(NSError *)error contextInfo:(void *)contextInfo
46 {
47 if (error) {
48 [MBProgressHUD showError:@"保存失败,请检查是否拥有相关的权限"];
49 }else 50  {
51 // [MBProgressHUD showMessage:@"保存成功!"]; 52 [MBProgressHUD showSuccess:@"保存成功!"];
53  }
54 }
55 56 @end


把截取的图片保存到手机的相册中:


说明:把整个屏幕画到一张图片里

1.创建一个bitmap的上下文

2.将屏幕绘制带上下文中

3.从上下文中取出绘制好的图片

4.保存图片到相册

补充:把图片写入到文件的代码

1 //3.从上下文中取出绘制好的图片 2 UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext();
3 4 NSData *data = UIImagePNGRepresentation(newImage);
5 6 NSString *path = [[NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES) lastObject] stringByAppendingPathComponent:@"abc.png"];
7 NSLog(@"%@", path);
8 [data writeToFile:path atomically:YES];


三、补充

保存成功和保存失败之后应该做些事情?

系统推荐的方法:

 1 - (void)image:(UIImage *)image didFinishSavingWithError:(NSError *)error contextInfo:(void *)contextInfo
 2 {
 3 if (error) {
 4 [MBProgressHUD showError:@"保存失败,请检查是否拥有相关的权限"];
 5 }else  6  {
 7 // [MBProgressHUD showMessage:@"保存成功!"];  8 [MBProgressHUD showSuccess:@"保存成功!"];
 9  }
10 }


如果图片成功保存的话,那么就提示保存成功。

如果保存失败,那么提示失败

提示:保存失败常见有两个原因:1是内存不够,2是手机内部的权限不允许。

说明:如果当一个应用程序想要访问通讯录或相册,用户已经明确拒绝过,那么以后再要访问的话会直接拒绝。这个时候,可以提示用户去开启权限。

时间: 2024-09-14 12:04:50

iOS开发UI篇—Quartz2D使用(截屏)的相关文章

iOS开发UI篇—Quartz2D简单介绍

一.什么是Quartz2D Quartz 2D是⼀个二维绘图引擎,同时支持iOS和Mac系统 Quartz 2D能完成的工作: 绘制图形 : 线条\三角形\矩形\圆\弧等 绘制文字 绘制\生成图片(图像) 读取\生成PDF 截图\裁剪图片 自定义UI控件 二.Quartz2D在iOS开发中的价值 为了便于搭建美观的UI界面,iOS提供了UIKit框架,⾥⾯有各种各样的UI控件 UILabel:显⽰文字 UIImageView:显示图片 UIButton:同时显示图片和⽂字(能点击) 利⽤UIKi

iOS开发UI篇—Quartz2D(自定义UIImageView控件)

一.实现思路 Quartz2D最大的用途在于自定义View(自定义UI控件),当系统的View不能满足我们使用需求的时候,自定义View. 使用Quartz2D自定义View,可以从模仿系统的ImageView的使用开始. 需求驱动开发:模仿系统的imageview的使用过程 1.创建 2.设置图片 3.设置frame 4.把创建的自定义的view添加到界面上(在自定义的View中,需要一个image属性接收image图片参数->5). 5.添加一个image属性(接下来,拿到image之后,应

iOS开发UI篇—Quartz2D使用(绘制基本图形)

一.简单说明 图形上下文(Graphics Context):是一个CGContextRef类型的数据 图形上下文的作用:保存绘图信息.绘图状态 决定绘制的输出目标(绘制到什么地方去?)(输出目标可以是PDF文件.Bitmap或者显示器的窗口上) 相同的一套绘图序列,指定不同的Graphics Context,就可将相同的图像绘制到不同的目标上. Quartz2D提供了以下几种类型的Graphics Context: Bitmap Graphics Context PDF Graphics Co

iOS开发UI篇—Quartz2D使用(绘图路径)

一.绘图路径 A.简单说明 在画线的时候,方法的内部默认创建一个path.它把路径都放到了path里面去. 1.创建路径 cgmutablepathref 调用该方法相当于创建了一个路径,这个路径用来保存绘图信息. 2.把绘图信息添加到路径里边. 以前的方法是点的位置添加到ctx(图形上下文信息)中,ctx 默认会在内部创建一个path用来保存绘图信息. 在图形上下文中有一块存储空间专门用来存储绘图信息,其实这块空间就是CGMutablePathRef. 3.把路径添加到上下文中. 代码示例:

iOS开发UI篇—Quartz2D使用(图片剪切)

一.使用Quartz2D完成图片剪切 1.把图片显示在自定义的view中 先把图片绘制到view上.按照原始大小,把图片绘制到一个点上. 代码: 1 - (void)drawRect:(CGRect)rect 2 { 3 UIImage *image2=[UIImage imageNamed:@"me"]; 4 [image2 drawAtPoint:CGPointMake(100, 100)]; 5 } 显示: 2.剪切图片让图片圆形展示 思路:先画一个圆,让图片显示在圆的内部,超出

iOS开发UI篇—Quartz2D使用(图形上下文栈)

一.qurza2d是怎么将绘图信息和绘图的属性绘制到图形上下文中去的? 说明: 新建一个项目,自定义一个view类和storyboard关联后,重写该类中的drowrect方法. 画线的三个步骤: (1)获取上下文 (2)绘图 (3)渲染 要求:画两条单独的线 代码和效果图: 1 - (void)drawRect:(CGRect)rect 2 { 3 //获取上下文 4 CGContextRef ctx=UIGraphicsGetCurrentContext(); 5 //绘图 6 //第一条线

iOS开发UI篇—Quartz2D使用(信纸条纹)

一.前导程序 新建一个项目,在主控制器文件中实现以下几行代码,就能轻松的完成图片在视图中的平铺. 1 #import "YYViewController.h" 2 3 @interface YYViewController () 4 5 @end 6 7 @implementation YYViewController 8 9 - (void)viewDidLoad 10 { 11 [super viewDidLoad]; 12 13 UIImage *image=[UIImage i

iOS开发UI篇—Quartz2D使用(矩阵操作)

一.关于矩阵操作 1.画一个四边形 通过设置两个端点(长和宽)来完成一个四边形的绘制. 代码: 1 - (void)drawRect:(CGRect)rect 2 { 3 //画四边形 4 //获取图形上下文 5 CGContextRef ctx=UIGraphicsGetCurrentContext(); 6 //绘图 7 CGContextAddRect(ctx, CGRectMake(20, 50, 100, 100)); 8 //渲染 9 CGContextStrokePath(ctx)

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

一.通过slider控制圆的缩放 1.实现过程 新建一个项目,新建一个继承自UIview的类,并和storyboard中自定义的view进行关联. 界面搭建,如图: 代码示例: YYViewController.m文件 1 // 2 // YYViewController.m 3 // 04-对圆进行缩放 4 // 5 // Created by apple on 14-6-11. 6 // Copyright (c) 2014年 itcase. All rights reserved. 7 /