热门标签 | HotTags
当前位置:  开发笔记 > 运维 > 正文

iOS应用开发中对UIImage进行截取和缩放的方法详解

这篇文章主要介绍了iOS应用开发中对UIImage进行截取和缩放的方法,分别讲解了如何截取指定区域大小的UIImage以及缩放到指定大小和等比缩放的具体操作过程,需要的朋友可以参考下

截取UIImage指定大小区域
最近遇到这样的需求:从服务器获取到一张照片,只需要显示他的左半部分,或者中间部分等等。也就是截取UIImage指定大小区域。

UIImage扩展:

我的解决方案是对UIImage进行扩展。通过CGImageRef和CGImage完成截取,调用的方法是:CGImageCreateWithImageInRect。扩展类叫UIImage+Crop,具体代码如下:

UIImage+Crop.h

#import 

typedef NS_ENUM(NSInteger, XYCropImageStyle){
  XYCropImageStyleRight        =0,   // 右半部分
  XYCropImageStyleCenter       =1,   // 中间部分
  XYCropImageStyleLeft        =2,   // 左半部分
  XYCropImageStyleRightOneOfThird=3,   // 右侧三分之一部分
  XYCropImageStyleCenterOneOfThird=4,   // 中间三分之一部分
  XYCropImageStyleLeftOneOfThird=5,   // 左侧三分之一部分
  XYCropImageStyleRightQuarter    =6,   // 右侧四分之一部分
  XYCropImageStyleCenterRightQuarter =7,   // 中间右侧四分之一部分
  XYCropImageStyleCenterLeftQuarter  =8,   // 中间左侧四分之一部分
  XYCropImageStyleLeftQuarter     =9,   // 左侧四分之一部分
};

@interface UIImage (Crop)
- (UIImage *)imageByCroppingWithStyle:(XYCropImageStyle)style;

@end
UIImage+Crop.m

#import "UIImage+Crop.h"

@implementation UIImage (Crop)

- (UIImage *)imageByCroppingWithStyle:(XYCropImageStyle)style
{
  CGRect rect;
  switch (style) {
    case XYCropImageStyleLeft:
      rect = CGRectMake(0, 0, self.size.width/2, self.size.height);
      break;
    case XYCropImageStyleCenter:
      rect = CGRectMake(self.size.width/4, 0, self.size.width/2, self.size.height);
      break;
    case XYCropImageStyleRight:
      rect = CGRectMake(self.size.width/2, 0, self.size.width/2, self.size.height);
      break;
    case XYCropImageStyleLeftOneOfThird:
      rect = CGRectMake(0, 0, self.size.width/3, self.size.height);
      break;
    case XYCropImageStyleCenterOneOfThird:
      rect = CGRectMake(self.size.width/3, 0, self.size.width/3, self.size.height);
      break;
    case XYCropImageStyleRightOneOfThird:
      rect = CGRectMake(self.size.width/3*2, 0, self.size.width/3, self.size.height);
      break;
    case XYCropImageStyleLeftQuarter:
      rect = CGRectMake(0, 0, self.size.width/4, self.size.height);
      break;
    case XYCropImageStyleCenterLeftQuarter:
      rect = CGRectMake(self.size.width/4, 0, self.size.width/4, self.size.height);
      break;
    case XYCropImageStyleCenterRightQuarter:
      rect = CGRectMake(self.size.width/4*2, 0, self.size.width/4, self.size.height);
      break;
    case XYCropImageStyleRightQuarter:
      rect = CGRectMake(self.size.width/4*3, 0, self.size.width/4, self.size.height);
      break;
    default:
      break;
  }
  CGImageRef imageRef = self.CGImage;
  CGImageRef imagePartRef = CGImageCreateWithImageInRect(imageRef, rect);
  UIImage *cropImage = [UIImage imageWithCGImage:imagePartRef];
  CGImageRelease(imagePartRef);
  return cropImage;
}

实际运用:

简单测试一下,看看有没有实现我们想要的效果。首先,先加载一个完整的UIImageView。这个应该不难。代码如下:

UIImageView *imgView = [[UIImageView alloc] init];
imgView.frame = CGRectMake((SCREEN.width - 226) / 2, 100, 226, 106);
UIImage *image = [UIImage imageNamed:@"ganggang"];
imgView.image = image;
[self.view addSubview:imgView];

运行一下:

201642391121594.png (640×1136)

要对UIImage进行裁剪,首先导入头文件:

#import "UIImage+Crop.h"

在上面UIImage *image = [UIImage imageNamed:@"ganggang"];这段代码之后加上下面这句:

image = [image imageByCroppingWithStyle:XYCropImageStyleLeft];

XYCropImageStyleLeft是截取照片的左半部分。效果如下:

201642391201105.png (640×1136)

截取成功,还可以截取其他区域的,只需要传入不同的XYCropImageStyle即可实现。

UIImage等比缩放
前面讲了截取UIImage指定大小区域,很方便的截取UIImage。今天要和大家分享的是UIImage的缩放。

两种缩放:

  • 缩放到指定大小,也就是指定的size.
  • 等比缩放。

1.缩放到指定大小

- (UIImage*)imageCompressWithSimple:(UIImage*)image scaledToSize:(CGSize)size
{
  UIGraphicsBeginImageContext(size);
  [image drawInRect:CGRectMake(0,0,size.width,size.height)];
  UIImage* newImage = UIGraphicsGetImageFromCurrentImageContext();
  UIGraphicsEndImageContext();
  return newImage;
}

2.等比缩放

(1)通过缩放系数:

- (UIImage*)imageCompressWithSimple:(UIImage*)image scale:(float)scale
{
  CGSize size = image.size;
  CGFloat width = size.width;
  CGFloat height = size.height;
  CGFloat scaledWidth = width * scale;
  CGFloat scaledHeight = height * scale;
  UIGraphicsBeginImageContext(size); // this will crop
  [image drawInRect:CGRectMake(0,0,scaledWidth,scaledHeight)];
  UIImage* newImage= UIGraphicsGetImageFromCurrentImageContext();
  UIGraphicsEndImageContext();
  return newImage;
}

scale是缩放系数 。

(2)通过计算得到缩放系数

- (UIImage*)imageByScalingAndCroppingForSize:(CGSize)targetSize
{

  UIImage *sourceImage = [UIImage imageNamed:@"test.jpg"];
  UIImage *newImage = nil;
  CGSize imageSize = sourceImage.size;
  CGFloat width = imageSize.width;
  CGFloat height = imageSize.height;
  CGFloat targetWidth = targetSize.width;
  CGFloat targetHeight = targetSize.height;
  CGFloat scaleFactor = 0.0;
  CGFloat scaledWidth = targetWidth;
  CGFloat scaledHeight = targetHeight;
  CGPoint thumbnailPoint = CGPointMake(0.0,0.0);

  if (CGSizeEqualToSize(imageSize, targetSize) == NO)
  {
    CGFloat widthFactor = targetWidth / width;
    CGFloat heightFactor = targetHeight / height;
    if (widthFactor > heightFactor)
      scaleFactor = widthFactor; // scale to fit height
    else
      scaleFactor = heightFactor; // scale to fit width

    scaledWidth= width * scaleFactor;
    scaledHeight = height * scaleFactor;
    // center the image
    if (widthFactor > heightFactor)
    {
      thumbnailPoint.y = (targetHeight - scaledHeight) * 0.5;
    }
    else if (widthFactor 


推荐阅读
  • 如何实现织梦DedeCms全站伪静态
    本文介绍了如何通过修改织梦DedeCms源代码来实现全站伪静态,以提高管理和SEO效果。全站伪静态可以避免重复URL的问题,同时通过使用mod_rewrite伪静态模块和.htaccess正则表达式,可以更好地适应搜索引擎的需求。文章还提到了一些相关的技术和工具,如Ubuntu、qt编程、tomcat端口、爬虫、php request根目录等。 ... [详细]
  • Nginx使用AWStats日志分析的步骤及注意事项
    本文介绍了在Centos7操作系统上使用Nginx和AWStats进行日志分析的步骤和注意事项。通过AWStats可以统计网站的访问量、IP地址、操作系统、浏览器等信息,并提供精确到每月、每日、每小时的数据。在部署AWStats之前需要确认服务器上已经安装了Perl环境,并进行DNS解析。 ... [详细]
  • 搭建Windows Server 2012 R2 IIS8.5+PHP(FastCGI)+MySQL环境的详细步骤
    本文详细介绍了搭建Windows Server 2012 R2 IIS8.5+PHP(FastCGI)+MySQL环境的步骤,包括环境说明、相关软件下载的地址以及所需的插件下载地址。 ... [详细]
  • 这是原文链接:sendingformdata许多情况下,我们使用表单发送数据到服务器。服务器处理数据并返回响应给用户。这看起来很简单,但是 ... [详细]
  • 本文介绍了使用AJAX的POST请求实现数据修改功能的方法。通过ajax-post技术,可以实现在输入某个id后,通过ajax技术调用post.jsp修改具有该id记录的姓名的值。文章还提到了AJAX的概念和作用,以及使用async参数和open()方法的注意事项。同时强调了不推荐使用async=false的情况,并解释了JavaScript等待服务器响应的机制。 ... [详细]
  • PHP设置MySQL字符集的方法及使用mysqli_set_charset函数
    本文介绍了PHP设置MySQL字符集的方法,详细介绍了使用mysqli_set_charset函数来规定与数据库服务器进行数据传送时要使用的字符集。通过示例代码演示了如何设置默认客户端字符集。 ... [详细]
  • 本文介绍了如何使用php限制数据库插入的条数并显示每次插入数据库之间的数据数目,以及避免重复提交的方法。同时还介绍了如何限制某一个数据库用户的并发连接数,以及设置数据库的连接数和连接超时时间的方法。最后提供了一些关于浏览器在线用户数和数据库连接数量比例的参考值。 ... [详细]
  • Centos7.6安装Gitlab教程及注意事项
    本文介绍了在Centos7.6系统下安装Gitlab的详细教程,并提供了一些注意事项。教程包括查看系统版本、安装必要的软件包、配置防火墙等步骤。同时,还强调了使用阿里云服务器时的特殊配置需求,以及建议至少4GB的可用RAM来运行GitLab。 ... [详细]
  • 本文介绍了在Hibernate配置lazy=false时无法加载数据的问题,通过采用OpenSessionInView模式和修改数据库服务器版本解决了该问题。详细描述了问题的出现和解决过程,包括运行环境和数据库的配置信息。 ... [详细]
  • 如何使用Java获取服务器硬件信息和磁盘负载率
    本文介绍了使用Java编程语言获取服务器硬件信息和磁盘负载率的方法。首先在远程服务器上搭建一个支持服务端语言的HTTP服务,并获取服务器的磁盘信息,并将结果输出。然后在本地使用JS编写一个AJAX脚本,远程请求服务端的程序,得到结果并展示给用户。其中还介绍了如何提取硬盘序列号的方法。 ... [详细]
  • 本文介绍了如何找到并终止在8080端口上运行的进程的方法,通过使用终端命令lsof -i :8080可以获取在该端口上运行的所有进程的输出,并使用kill命令终止指定进程的运行。 ... [详细]
  • 禁止程序接收鼠标事件的工具_VNC Viewer for Mac(远程桌面工具)免费版
    VNCViewerforMac是一款运行在Mac平台上的远程桌面工具,vncviewermac版可以帮助您使用Mac的键盘和鼠标来控制远程计算机,操作简 ... [详细]
  • 本文详细介绍了云服务器API接口的概念和作用,以及如何使用API接口管理云上资源和开发应用程序。通过创建实例API、调整实例配置API、关闭实例API和退还实例API等功能,可以实现云服务器的创建、配置修改和销毁等操作。对于想要学习云服务器API接口的人来说,本文提供了详细的入门指南和使用方法。如果想进一步了解相关知识或阅读更多相关文章,请关注编程笔记行业资讯频道。 ... [详细]
  • 阿,里,云,物,联网,net,core,客户端,czgl,aliiotclient, ... [详细]
  • [译]技术公司十年经验的职场生涯回顾
    本文是一位在技术公司工作十年的职场人士对自己职业生涯的总结回顾。她的职业规划与众不同,令人深思又有趣。其中涉及到的内容有机器学习、创新创业以及引用了女性主义者在TED演讲中的部分讲义。文章表达了对职业生涯的愿望和希望,认为人类有能力不断改善自己。 ... [详细]
author-avatar
低調浮華
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有