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

 更新时间:2015年12月01日 09:36:00   作者:文顶顶  
这篇文章主要介绍了在iOS开发的Quartz2D使用中实现图片剪切和截屏功能的方法,代码基于传统的Objective-C,需要的朋友可以参考下

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

复制代码 代码如下:

- (void)drawRect:(CGRect)rect
{
    UIImage *image2=[UIImage imageNamed:@"me"];
    [image2 drawAtPoint:CGPointMake(100, 100)];
}

显示:

201512192952332.png (640×960)

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

201512193045889.png (264×318)201512193123091.png (262×297)

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

复制代码 代码如下:

- (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)];
}

显示:

201512193142982.png (640×960)

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)];
}


显示:

201512193201697.png (640×960)

截屏
一、简单说明

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

201512193342760.png (672×186)

二、代码示例

  storyboard界面搭建

201512193228398.png (1115×492)

代码:

复制代码 代码如下:

//
//  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


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

201512193247893.png (318×350)

说明:把整个屏幕画到一张图片里
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开发之UIScrollView控件详解

    iOS开发之UIScrollView控件详解

    UIScrollView是一个非常重要的控件,其可以展示比设备屏幕更大区域的内容,我们可以通过手指滑动来查看内容视图的每一部分内容,也可以通过手指捏合来对内容视图进行缩放操作,我们每天开发中都不断显式或隐式地与UIScrollView打交道,下面给大家详细介绍UIScrollView控件。
    2016-09-09
  • 实例讲解iOS应用UI开发之基础动画的创建

    实例讲解iOS应用UI开发之基础动画的创建

    这篇文章主要介绍了iOS应用UI开发之基础动画的创建,以关键帧动画作为重要知识点进行讲解,需要的朋友可以参考下
    2015-11-11
  • iOS通过UISwitch控制摇一摇

    iOS通过UISwitch控制摇一摇

    这篇文章主要为大家详细介绍了iOS通过UISwitch控制摇一摇,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-06-06
  • iOS10适配以及Xcode8使用需要注意的那些坑

    iOS10适配以及Xcode8使用需要注意的那些坑

    这篇文章主要为大家详细介绍了iOS10的适配以及Xcode8使用需要注意的那些坑,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-09-09
  • iOS开发蓝牙技术应用增加无线连接功能

    iOS开发蓝牙技术应用增加无线连接功能

    这篇文章主要为大家介绍了iOS开发蓝牙技术应用增加无线连接功能示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-02-02
  • ios 不支持 iframe 的完美解决方法(兼容iOS&安卓)

    ios 不支持 iframe 的完美解决方法(兼容iOS&安卓)

    下面小编就为大家带来一篇ios 不支持 iframe 的完美解决方法(兼容iOS&安卓)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-07-07
  • iOS端React Native差异化增量更新的实现方法

    iOS端React Native差异化增量更新的实现方法

    这篇文章主要给大家介绍了关于iOS端React Native差异化增量更新的实现方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2018-06-06
  • iOS应用开发中视图控件UIWindow的基本使用教程

    iOS应用开发中视图控件UIWindow的基本使用教程

    这篇文章主要介绍了iOS应用开发中视图控件UIWindow的基本使用教程,代码基于传统的Objective-C,需要的朋友可以参考下
    2016-02-02
  • iOS开发之离线地图核心代码

    iOS开发之离线地图核心代码

    本文给大家分享ios开发之离线地图核心代码,代码简单易懂,非常实用,有需要的朋友参考下
    2016-04-04
  • iOS实现卡片式滚动效果 iOS实现电影选片效果

    iOS实现卡片式滚动效果 iOS实现电影选片效果

    这篇文章主要为大家详细介绍了iOS实现卡片式滚动效果,实现电影选片效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-02-02

最新评论