IOS实现手动截图并保存

本文实例介绍了iOS手动剪裁图片并保存到相册的详细代码,分享给大家供大家参考,具体内容如下

一、实现效果
1、操作步骤

  • 绘制一个矩形框,弹出一个alertView,提示是否保存图片
  • 点击"是",将图片保存到相册
  • 在相册中查看保存的图片

2、效果图

二、实现思路
1、在控制器的view上添加一个imageView,设置图片
2、在控制器的view上添加一个pan手势
3、跟踪pan手势,绘制一个矩形框(图片的剪切区域)
4、在pan手势结束时,通过alertView提示“是否将图片保存至相册?”

  • 点击“是”,保存图片
  • 点击“否”,暂时什么都不做

三、实现步骤
1、通过storyboard在控制器的view上添加一个imageView(设置图片),并在控制器的.m文件中拥有该属性

@property (weak, nonatomic) IBOutlet UIImageView *imageView;

2、设置通过手势绘制的图片的剪切区域
将图片的剪切区域作为成员属性clipView

@property (nonatomic, weak) UIView *clipView;

3、通过懒加载的方式创建clipView,并初始化

- (UIView *)clipView
{
  //如果clipView为被创建,就创建
  if (_clipView == nil)
  {
    UIView *view = [[UIView alloc] init];
    _clipView = view;
    //设置clipView的背景色和透明度
    view.backgroundColor = [UIColor blackColor];
    view.alpha = 0.5;
    //将clipView添加到控制器的view上,此时的clipView不会显示(未设置其frame)
    [self.view addSubview:_clipView];
  }
  return _clipView;
}

4、给控制器的view添加pan手势,跟踪pan手势,绘制图片剪切区域
1)、创建并添加手势

/**创建手势**/
UIPanGestureRecognizer *pan = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(pan:)];
  /**
  *每当pan手势的位置发生变化,就会调用pan:方法,并将手势作为参数传递
  */
/**添加手势**/
[self.view addGestureRecognizer:pan];

2)、增加成员属性,记录pan手势开始的点

@property (nonatomic, assign) CGPoint startPoint;

3)、监听手势的移动

- (void)pan:(UIPanGestureRecognizer *)pan
{
  CGPoint endPoint = CGPointZero;

  if (pan.state == UIGestureRecognizerStateBegan)
  {
    /**开始点击时,记录手势的起点**/
    self.startPoint = [pan locationInView:self.view];
  }
  else if(pan.state == UIGestureRecognizerStateChanged)
  {
    /**当手势移动时,动态改变终点的值,并计算起点与终点之间的矩形区域**/
    endPoint = [pan locationInView:self.view];
    //计算矩形区域的宽高
    CGFloat w = endPoint.x - self.startPoint.x;
    CGFloat h = endPoint.y - self.startPoint.y;
    //计算矩形区域的frame
    CGRect clipRect = CGRectMake(self.startPoint.x, self.startPoint.y, w, h);
    //设置剪切区域的frame
    self.clipView.frame = clipRect;
  }
  else if(pan.state == UIGestureRecognizerStateEnded)
  {
    /**若手势停止,将剪切区域的图片内容绘制到图形上下文中**/
    //开启位图上下文
    UIGraphicsBeginImageContextWithOptions(self.imageView.bounds.size, NO, 0);
    //创建大小等于剪切区域大小的封闭路径
    UIBezierPath *path = [UIBezierPath bezierPathWithRect:self.clipView.frame];
    //设置超出的内容不显示,
    [path addClip];
    //获取绘图上下文
    CGContextRef context = UIGraphicsGetCurrentContext();
    //将图片渲染的上下文中
    [self.imageView.layer renderInContext:context];
    //获取上下文中的图片
    UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
    //关闭位图上下文
    UIGraphicsEndImageContext();
    //移除剪切区域视图控件,并清空
    [self.clipView removeFromSuperview];
    self.clipView = nil;
    //将图片显示到imageView上
    self.imageView.image = image;
    //通过alertView提示用户,是否将图片保存至相册
    UIAlertView *alertView = [[UIAlertView alloc] initWithTitle:@"保存图片" message:@"是否将图片保存至相册?" delegate:self cancelButtonTitle:@"否" otherButtonTitles:@"是", nil];
    [alertView show];
}
}

4)、设置alertView的代理方法,确定是否保存图片

- (void)alertView:(nonnull UIAlertView *)alertView clickedButtonAtIndex:(NSInteger)buttonIndex
{
  //若点击了“是”,则保存图片
  if (buttonIndex == 1)
  {
    UIImageWriteToSavedPhotosAlbum(self.imageView.image, nil, nil, nil);
    /**
    * 该方法可以设置保存完毕调用的方法,此处未进行设置
    */
  }
}

以上就是本文的全部内容,希望对大家的学习有所帮助。

(0)

相关推荐

  • IOS 解决UIButton 点击卡顿/延迟的问题

    前言 一开始还以为代码写的有问题,点击事件里面有比较耗时卡主线程的代码,逐一删减代码发现并不是这么回事. 正文 和参考文章里说的情况不完全相同,UIButton 并没有放在 UIScrollView 或 UITableView 上,但是 ViewController 是支持滑动返回的. ------------------华丽的分割线,搜索猜测解题中------------------ 解决办法:也没什么好办法,换成 ImageView 加 UITapGestureRecognizer 吧,另外

  • iOS 获取当前的ViewController的方法

    本文介绍了iOS 获取当前的ViewController,分享给大家.具体如下 通过简单的判断[UIViewController class],就认定它是想要的控制器是不对的: if ([nextResponder isKindOfClass:[UIViewController class]]) { result = nextResponder; }else { result = window.rootViewController; } 因为:isKindOfClass:确定一个对象是否是一个类

  • 深入讲解iOS开发中的UIViewController

    UIViewController顾名思义:视图控制器.应该在MVC设计模式中扮演控制层的角色.一些初学者在最开始的时候一直不理解为何有了UIView还要UIViewController做什么用,不都是向视图中增加view.在此我要声明一下 UIViewController和Uiview是两个不同的类UIViewController是视图控制器 而UIView是视图也就是说,UIViewController是控制UIView的.你也可以认为UIViewController就是一个相框,而UIVie

  • IOS MenuViewController实现弹出菜单效果

    在写项目时,要实现一个从下移上来的一个弹出菜单,并且背景变深的这么一个效果,在此分享给大家. 主要说一下思路及一些核心代码贴出来,要想下载源码,请点击下载:MenuViewController 一个简单,效果好,比较实用的菜单弹出效果的实现,效果图: 实现方式:将self.view当前页面缩小,在当前页的上面添加一个菜单的view,即在self.view.superview添加. //显示 - (void) show:(UIView*)parent { parentView = parent;

  • iOS开发之一些实用小知识点总结

    话不多说,直接进主题 一.防止UIButton,cell等重复点击 主要是快速点击button或者cell,所对应的action或者逻辑会走多次,例如:点击button或者cell调用拨打电话的方法,会弹出拨打电话框好多次:这个对用户不太友好:问了下哥们儿,他给了个宏,目前算是解决这个问题:代码如下: // 防止多次调用 #define kPreventRepeatClickTime(_seconds_) \ static BOOL shouldPrevent; \ if (shouldPrev

  • IOS实现手动截图并保存

    本文实例介绍了iOS手动剪裁图片并保存到相册的详细代码,分享给大家供大家参考,具体内容如下 一.实现效果 1.操作步骤 绘制一个矩形框,弹出一个alertView,提示是否保存图片 点击"是",将图片保存到相册 在相册中查看保存的图片 2.效果图 二.实现思路 1.在控制器的view上添加一个imageView,设置图片 2.在控制器的view上添加一个pan手势 3.跟踪pan手势,绘制一个矩形框(图片的剪切区域) 4.在pan手势结束时,通过alertView提示"是否将

  • python3应用windows api对后台程序窗口及桌面截图并保存的方法

    python的版本及依赖的库的安装 #版本python 3.7.1 pip install pywin32==224 pip install numpy==1.15.3 pip install opencv-python==3.4.2.16 pip install opencv-contrib-python==3.4.2.16 pip install Pillow-PIL==0.1.dev0 对后台窗口截图 #对后台窗口截图 import win32gui, win32ui, win32con

  • Python截图并保存的具体实例

    大家肯定会疑问,为什么需要用python去进行截图保存,或者说是我们的QQ.微信都是自带截图工具的,可以直接拿过来进行使用的,但是事实上,一般在测试的时候,经常会遇到代码报错等问题,这种需要反馈的时候,就需要利用到python自行截图,好啦,下面就是实现的几个操作. 1.selenium for python 实现代码如下: import time from selenium import webdriver driver = webdriver.Chrome() driver.maximize

  • Playwright元素截图并保存至allure的实现示例

    目录 引言 问题分析 快速截图: 代码示例(以Playwright为例) 引言 在UI自动化测试中,我们经常需要获取屏幕截图,尤其是在CI环境中,一般是使用浏览器的无头模式执行测试,此时对关键步骤进行页面截图就很重要了.通常自动化框架都提供了页面截图功能,但是基本都是只提供了页面整体的截图或者对页面元素单独截图,无法做到在页面整体截图中将我想要的元素标记出来(比如红框标出),而这种截图在某些预期结果的场景下需要经常用到,比如人工辅助结果判断,或者在结果判断不正确时标记出不正确的元素以帮助错误排查

  • iOS实现手动和自动屏幕旋转

    本文实例为大家分享了iOS实现手动和自动屏幕旋转的具体代码,供大家参考,具体内容如下 首先iPhone中屏幕分为状态栏方向和设备方向 typedef NS_ENUM(NSInteger, UIDeviceOrientation) {     UIDeviceOrientationUnknown,     UIDeviceOrientationPortrait,            // Device oriented vertically, home button on the bottom

  • Android WebView实现网页滚动截图

    WebView 网页滚动截屏,可对整个网页进行截屏而不是仅当前屏幕哦! 注意若Web页面存在position:fixed; 的话得在调用前设置为 position:absolute; 哦,否则会出现很多次的,请看下面的具体解说吧!! private static Bitmap getViewBitmapWithoutBottom(View v) { if (null == v) { return null; } v.setDrawingCacheEnabled(true); v.buildDra

  • C# 实现截图软件功能实例代码

    本文是利用C# 开发截图软件的小例子,以供学习分享使用. 思路: 截取屏幕图片. 获取要截取的范围,即左上角,右下角坐标 填充到PictureBox中. 笔触功能,荧光笔,矩形,橡皮擦,复制,保存功能 涉及的知识点: MenuStrip:为窗体提供菜单系统.以ToolStripMenuItem为菜单子选项 ToolStrip:为 Windows 工具栏对象提供容器.以ToolStripButton[表示包含文本和图像的可选]为工具栏子元素 PictureBox:表示用于显示图像的 Windows

  • Unity实现全屏截图以及QQ截图

    本文实例为大家分享了Unity实现全屏截图.Unity实现QQ截图,供大家参考,具体内容如下 全屏截图:要实现的是点击鼠标左键,就实现截图,并且将所截图片保存到本地Assets目录下的StreamingAssets文件夹下面. 代码如下: using UnityEngine; using System.Collections; public class TakeScreenShot : MonoBehaviour { void Update () { //点击鼠标左键 if (Input.Get

  • Python 自动唤醒窗口截图脚本

    目录 1.准备 2.如何获取窗口坐标 3. 还原最小化窗口 4.截图 利用Python自带的win32api和win32con.win32gui等模块,我们能执行许多windows下的自动化操作.比如两个窗口的自动点击操作,从软件中的窗口复制文本到txt中,甚至是截图操作. 截图的操作用途最为广泛,你可以用它配合定时工具,定时检测某个程序的运行情况:甚至可以根据截图做一些辅助性的决策,比如玩类似于<连连看 >的 游戏时,对相同类型的方块进行标记,辅助你玩游戏. 下面就讲讲如何使用 win32a

  • Python实现超快窗口截图功能详解

    实现思路是先获取到当前最上面活动的窗口信息,然后提取该窗口的名称信息. 之后获取窗口的坐标信息,即左上角的开始坐标及右下角的结束坐标.最后直接截图并将截图的图片进行展示. 其中用到了两个第三方模块,分别是win32gui和Pillow,安装命令如下: pip install Pillow pip install win32gui 将其中使用到的三个非标准库导入进来. from win32gui import * # 操作windows窗口 from PIL import ImageGrab #

随机推荐