服务器之家:专注于服务器技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|Java教程|ASP教程|编程技术|正则表达式|C/C++|IOS|C#|Swift|Android|VB|R语言|JavaScript|易语言|vb.net|

服务器之家 - 编程语言 - IOS - 在iOS开发的Quartz2D使用中实现图片剪切和截屏功能

在iOS开发的Quartz2D使用中实现图片剪切和截屏功能

2020-12-30 13:33文顶顶 IOS

这篇文章主要介绍了在iOS开发的Quartz2D使用中实现图片剪切和截屏功能的方法,代码基于传统的Objective-C,需要的朋友可以参考下

图片剪切
一、使用quartz2d完成图片剪切
1.把图片显示在自定义的view中
先把图片绘制到view上。按照原始大小,把图片绘制到一个点上。
代码:

复制代码 代码如下:

- (void)drawrect:(cgrect)rect
{
    uiimage *image2=[uiimage imagenamed:@"me"];
    [image2 drawatpoint:cgpointmake(100, 100)];
}


显示:

 

在iOS开发的Quartz2D使用中实现图片剪切和截屏功能

2.剪切图片让图片圆形展示
思路:先画一个圆,让图片显示在圆的内部,超出的部分不显示。

在iOS开发的Quartz2D使用中实现图片剪切和截屏功能在iOS开发的Quartz2D使用中实现图片剪切和截屏功能

注意:显示的范围只限于指定的剪切范围,无论往上下文中绘制什么东西,只要超出了这个范围的都不会显示。
代码:

复制代码 代码如下:

- (void)drawrect:(cgrect)rect
{
    //画圆,以便以后指定可以显示图片的范围
    //获取图形上下文
    cgcontextref ctx=uigraphicsgetcurrentcontext();
    cgcontextaddellipseinrect(ctx, cgrectmake(100, 100, 50, 50));
   
    //指定上下文中可以显示内容的范围就是圆的范围
    cgcontextclip(ctx);
    uiimage *image2=[uiimage imagenamed:@"me"];
    [image2 drawatpoint:cgpointmake(100, 100)];
}


显示:

 

在iOS开发的Quartz2D使用中实现图片剪切和截屏功能

3.剪切图片让图片三角形展示
代码:

复制代码 代码如下:


- (void)drawrect:(cgrect)rect
{

 

    //画三角形,以便以后指定可以显示图片的范围
    //获取图形上下文
    cgcontextref ctx=uigraphicsgetcurrentcontext();
//    cgcontextaddellipseinrect(ctx, cgrectmake(100, 100, 50, 50));
    cgcontextmovetopoint(ctx, 100, 100);
    cgcontextaddlinetopoint(ctx, 60, 150);
     cgcontextaddlinetopoint(ctx, 140, 150);
    cgcontextclosepath(ctx);
   
   
    //注意:指定范围(也就是指定剪切的方法一定要在绘制范围之前进行调用)
    //指定上下文中可以显示内容的范围就是圆的范围
    cgcontextclip(ctx);
    uiimage *image2=[uiimage imagenamed:@"me"];
    [image2 drawatpoint:cgpointmake(100, 100)];
}


显示:

 

在iOS开发的Quartz2D使用中实现图片剪切和截屏功能

截屏
一、简单说明

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

在iOS开发的Quartz2D使用中实现图片剪切和截屏功能

二、代码示例

  storyboard界面搭建

在iOS开发的Quartz2D使用中实现图片剪切和截屏功能

代码:

复制代码 代码如下:


//
//  yyviewcontroller.m
//  01-截屏
//
//  created by apple on 14-6-12.
//  copyright (c) 2014年 itcase. all rights reserved.
//

 

#import "yyviewcontroller.h"
#import "mbprogresshud+nj.h"

@interface yyviewcontroller ()
@property (weak, nonatomic) iboutlet uiview *contentview;
- (ibaction)btnclick:(uibutton *)sender;

@end

 

复制代码 代码如下:


@implementation yyviewcontroller

 

- (void)viewdidload
{
    [super viewdidload];
}

- (ibaction)btnclick:(uibutton *)sender {
   
    //延迟两秒保存
    dispatch_after(dispatch_time(dispatch_time_now, (int64_t)(2.0 * nsec_per_sec)), dispatch_get_main_queue(), ^{
        //获取图形上下文
        //    uigraphicsbeginimagecontext(self.view.frame.size);
        uigraphicsbeginimagecontext(self.contentview.frame.size);
        //将view绘制到图形上下文中
       
        //    [self.view.layer renderincontext:uigraphicsgetcurrentcontext()];
        [self.contentview.layer renderincontext:uigraphicsgetcurrentcontext()];
    
       
        //将截屏保存到相册
        uiimage *newimage=uigraphicsgetimagefromcurrentimagecontext();
       
        uiimagewritetosavedphotosalbum(newimage,self, @selector(image:didfinishsavingwitherror:contextinfo:), nil);
    });
}

 - (void)image:(uiimage *)image didfinishsavingwitherror:(nserror *)error contextinfo:(void *)contextinfo
{
    if (error) {
        [mbprogresshud showerror:@"保存失败,请检查是否拥有相关的权限"];
    }else
    {
//        [mbprogresshud showmessage:@"保存成功!"];
        [mbprogresshud showsuccess:@"保存成功!"];
    }
}

@end


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

 

在iOS开发的Quartz2D使用中实现图片剪切和截屏功能

说明:把整个屏幕画到一张图片里
1.创建一个bitmap的上下文
2.将屏幕绘制带上下文中
3.从上下文中取出绘制好的图片
4.保存图片到相册
补充:把图片写入到文件的代码

复制代码 代码如下:

//3.从上下文中取出绘制好的图片
     uiimage *newimage = uigraphicsgetimagefromcurrentimagecontext();
    
     nsdata *data = uiimagepngrepresentation(newimage);
    
     nsstring *path = [[nssearchpathfordirectoriesindomains(nsdocumentdirectory, nsuserdomainmask, yes) lastobject] stringbyappendingpathcomponent:@"abc.png"];
     nslog(@"%@", path);
     [data writetofile:path atomically:yes];


三、补充
保存成功和保存失败之后应该做些事情?
系统推荐的方法:

复制代码 代码如下:

- (void)image:(uiimage *)image didfinishsavingwitherror:(nserror *)error contextinfo:(void *)contextinfo
{
    if (error) {
        [mbprogresshud showerror:@"保存失败,请检查是否拥有相关的权限"];
    }else
    {
//        [mbprogresshud showmessage:@"保存成功!"];
        [mbprogresshud showsuccess:@"保存成功!"];
    }
}


如果图片成功保存的话,那么就提示保存成功。
如果保存失败,那么提示失败
提示:保存失败常见有两个原因:1是内存不够,2是手机内部的权限不允许。
说明:如果当一个应用程序想要访问通讯录或相册,用户已经明确拒绝过,那么以后再要访问的话会直接拒绝。这个时候,可以提示用户去开启权限。

延伸 · 阅读

精彩推荐
  • IOS解析iOS开发中的FirstResponder第一响应对象

    解析iOS开发中的FirstResponder第一响应对象

    这篇文章主要介绍了解析iOS开发中的FirstResponder第一响应对象,包括View的FirstResponder的释放问题,需要的朋友可以参考下...

    一片枫叶4662020-12-25
  • IOSiOS中tableview 两级cell的展开与收回的示例代码

    iOS中tableview 两级cell的展开与收回的示例代码

    本篇文章主要介绍了iOS中tableview 两级cell的展开与收回的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧...

    J_Kang3862021-04-22
  • IOSiOS通过逆向理解Block的内存模型

    iOS通过逆向理解Block的内存模型

    自从对 iOS 的逆向初窥门径后,我也经常通过它来分析一些比较大的应用,参考一下这些应用中某些功能的实现。这个探索的过程乐趣多多,不仅能满足自...

    Swiftyper12832021-03-03
  • IOSiOS布局渲染之UIView方法的调用时机详解

    iOS布局渲染之UIView方法的调用时机详解

    在你刚开始开发 iOS 应用时,最难避免或者是调试的就是和布局相关的问题,下面这篇文章主要给大家介绍了关于iOS布局渲染之UIView方法调用时机的相关资料...

    windtersharp7642021-05-04
  • IOSIOS开发之字典转字符串的实例详解

    IOS开发之字典转字符串的实例详解

    这篇文章主要介绍了IOS开发之字典转字符串的实例详解的相关资料,希望通过本文能帮助到大家,让大家掌握这样的方法,需要的朋友可以参考下...

    苦练内功5832021-04-01
  • IOSIOS 屏幕适配方案实现缩放window的示例代码

    IOS 屏幕适配方案实现缩放window的示例代码

    这篇文章主要介绍了IOS 屏幕适配方案实现缩放window的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要...

    xiari5772021-06-01
  • IOSiOS 雷达效果实例详解

    iOS 雷达效果实例详解

    这篇文章主要介绍了iOS 雷达效果实例详解的相关资料,需要的朋友可以参考下...

    SimpleWorld11022021-01-28
  • IOS关于iOS自适应cell行高的那些事儿

    关于iOS自适应cell行高的那些事儿

    这篇文章主要给大家介绍了关于iOS自适应cell行高的那些事儿,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的...

    daisy6092021-05-17