iOS 根据UIImage 修改UIImageView Frame (包括截取图片中间部分)
iOS UIImageView 根据需求调整frame
1、图片的宽和高不相等,截取图片的中间部分,截取的部分Size明确
2、图片的宽度要等于其父视图的类的宽度,然后根据宽度计算高度,保证
图片不变形,显示正常
3、图片的宽度或高度大于其父视图的类的宽的或高度,如果是宽度的问题,
就以其父视图的宽度为准,确定图片的显示宽度;如果是高度的问题,就以
其父视图的高度为准,确定图片的显示高度。
以上三种情况,具体示例依次如下:
第一种情况,调用方法:
- (void)imageLoadedFinish:(UrlImageView *)oldImageView image:(UIImage *)imageV skuInfo:(NSDictionary *)skuInfo
{
截取的目标尺寸
float
imgW =
(WIN_SIZE.width-40)/3;
//截取中间部分
oldImageView.image =
[self squareImageFromImage:imageV scaledToSize:imgW];
}
---截图操作 //截取中间部分
-
(UIImage *)squareImageFromImage:(UIImage
*)image scaledToSize:(CGFloat)newSize
{
--缩放比例
CGAffineTransform scaleTransform;
CGPoint origin;
图片大小大于图片高度的情况
if (image.size.width >
image.size.height)
{
//image原始高度为200,缩放image的高度为400pixels,所以缩放比率为2
计算缩放比例
CGFloat scaleRatio = newSize / image.size.height;
scaleTransform = CGAffineTransformMakeScale(scaleRatio, scaleRatio);
//设置绘制原始图片的画笔坐标为CGPoint(-100, 0)pixels
计算画笔的X轴
origin = CGPointMake(-(image.size.width - image.size.height) / 2.0f, 0);
} else
{
图片的高度大于宽度的情况
CGFloat scaleRatio = newSize / image.size.width;
scaleTransform = CGAffineTransformMakeScale(scaleRatio, scaleRatio);
计算画笔的Y轴
origin = CGPointMake(0, -(image.size.height - image.size.width) / 2.0f);
}
CGSize size = CGSizeMake(newSize, newSize);
//创建画板为(400x400)pixels
if ([[UIScreen mainScreen] respondsToSelector:@selector(scale)])
{
UIGraphicsBeginImageContextWithOptions(size, YES, 0);
} else
{
UIGraphicsBeginImageContext(size);
}
CGContextRef context = UIGraphicsGetCurrentContext();
//将image原始图片(400x200)pixels缩放为(800x400)pixels
CGContextConcatCTM(context, scaleTransform);
//origin也会从原始(-100, 0)缩放到(-200, 0)
[image drawAtPoint:origin];
//获取缩放后剪切的image图片
image = UIGraphicsGetImageFromCurrentImageContext();
结束画板绘制
UIGraphicsEndImageContext();
return image;
}
第二种情况:
//等比例缩放
{ 得到当前视图的frame
CGSize selfSize = self.frame.size;
得到image的frame
CGSize imageSize = imageV.size;
得到imageView 的frame
CGRect imageVRect = self.imageView.frame;
确定imageView 的宽度
imageVRect.size.width = selfSize.width;
根据宽度计算imageView 的高度
imageVRect.size.height = imageVRect.size.width*imageSize.height/imageSize.width;
//计算x,y
imageVRect.origin.x = 0;
imageVRect.origin.y = 0;
self.imageView.frame = imageVRect;
CGRect selfRect = self.frame;
selfRect.size.width = imageVRect.size.width;
selfRect.size.height = imageVRect.size.height;
self.frame = selfRect;
}
第三种情况:
//等比例缩放
(void)imageLoadedFinish:(UrlImageView *)oldImageView image:(UIImage *)imageV skuInfo:(NSDictionary *)skuInfo
{
得到当前视图的frame
CGSize selfSize = self.frame.size;
得到当前Image的frame
CGSize imageSize = imageV.size;
得到当前ImageView 的frame
CGRect imageVRect = self.imageView.frame;
image的宽度大于当前视图的宽度
if(imageSize.width > selfSize.width)
{
根据宽度计算高度,确定宽度
imageVRect.size.height = selfSize.width * imageSize.height / imageSize.width;
imageVRect.size.width = selfSize.width;
}
image的高度大于当前视图的高度
if(imageVRect.size.height > selfSize.height)
{
根据高度计算宽度,确定宽度
imageVRect.size.width = selfSize.height * imageVRect.size.width / imageVRect.size.height;
imageVRect.size.height = selfSize.height;
}
//计算x,y
imageVRect.origin.x = (selfSize.width-imageVRect.size.width)/2;
imageVRect.origin.y = (selfSize.height-imageVRect.size.height)/2;
self.imageView.frame = imageVRect;
}
iOS 根据UIImage 修改UIImageView Frame (包括截取图片中间部分)的更多相关文章
- ios的UIImage的两种不同的图片加载方式 tom猫
在ios的UI交互设计时,对图片的处理是难免的:不同的处理方式会对内存有不同的影响: ********************************************************* ...
- iOS UIView 快速修改 frame,
在iOS开发布局修改 frame 时需要繁琐的代码实现,今天偶尔看到一播客说到快速修改的 frame 的方法,自己动手写了一遍实现代码. 快速实现主要通过 添加类目的方式,对UIView 控件添加了一 ...
- 关于UIImageView的显示问题——居中显示或者截取图片的中间部分显示
我们都知道在ios中,每一个UIImageView都有他的frame大小,但是如果图片的大小和这个frame的大小不符合的时候会怎么样呢?在默认情况,图片会被压缩或者拉伸以填满整个区域. 通过查看UI ...
- iOS Webview 实现修改javascript confirm 和 alert
贴代码: @interface UIWebView (JavaScriptAlert) -(void) webView:(UIWebView *)sender runJavaScriptAlertPa ...
- IOS 截取图片 部分 并生成新图片
/** * 从图片中按指定的位置大小截取图片的一部分 * * @param image UIImage image 原始的图片 * @param rect CGRect rect 要截取的区域 * * ...
- ios 动画 创建一个UIImageView并将其属性设置animationImages为UIImages 的数组
NSArray *animationFrames = [NSArray arrayWithObjects: [UIImage imageWithName:@"image1.png" ...
- SQL SERVER 2005修改数据库名称,包括物理文件名和逻辑名称
SQL SERVER 2005修改数据库名称,包括物理文件名和逻辑名称 原来数据库名称为 aa,物理文件名称为 aa.mdf 和 aa_log.ldf: 需要修改数据库名称为 bb,物理文件名 ...
- 李洪强iOS开发之-修改状态栏的字体的颜色
李洪强iOS开发之-修改状态栏的字体的颜色 修改的效果: -(void)viewDidAppear:(BOOL)animated { [super viewDidAppear:animated]; [ ...
- iOS开发系列-修改项目工程名
当前有项目工程名为iOS,需要修改工程名为IFLY.在修改前注意备份项目 修改项目名 出现弹框,点击Rename 修改工程目录文件名 注意Tests与UITests不要删除 选中IFLY.xcodep ...
随机推荐
- android user版本默认开启调试模式
由于项目需要,需要发布版本默认开启调试模式,修改方式如下: 1.开启开发者模式 context.getSharedPreferences(DevelopmentSettings.PREF_FILE,C ...
- WebForm水印照片
水印照片需要的元素 绘制:1.画布2.画笔 样式 粗细 颜色3.画什么东西4.用什么字体画 大小5.位置 展示页面 <%@ Page Language="C#" AutoEv ...
- 在FireFox中安装Selenium IDE
第二步:点击查看更多,查找Selenium IDE,安装 第三步:安装好后,在顶部的工具栏里点击"工具",弹出的选项框里出现Selenium IDE,安装完毕.
- GZFramwork数据库层《四》单据主从表增删改查
同GZFramwork数据库层<三>普通主从表增删改查 不同之处在于:实例 修改为: 直接上效果: 本系列项目源码下载地址:https://github.com/GarsonZhang/G ...
- angular之控制器(0)
一.控制器的含义 在angularJS中,controlle是一个javascript函数/类,用于操作作用域中,各个对象的初始状态以及相应的行为 二.控制器的作用 1. 控制 AngularJS 应 ...
- HDU-4529 郑厂长系列故事——N骑士问题 状态压缩DP
题意:给定一个合法的八皇后棋盘,现在给定1-10个骑士,问这些骑士不能够相互攻击的拜访方式有多少种. 分析:一开始想着搜索写,发现该题和八皇后不同,八皇后每一行只能够摆放一个棋子,因此搜索收敛的很快, ...
- cordova环境搭建,搭建项目,以及拍照功能的实现
一.配置环境 1.配置java环境: 下载对应系统环境的jdk:http://www.oracle.com/technetwork/java/javase/downloads/index-jsp-13 ...
- RSync实现文件备份同步详解
1.rsync简介 rsync是Unix下的一款应用软件,它能同步更新两处计算机的文件与目录,并适当利用差分编码以减少数据传输.rsync中一项与其他大部分类似程序或协议中所未见的重要特性是镜像对每个 ...
- gameui-for-phaser-js更新到最新版本
Hola Cantk是一个功能强大的游戏引擎,它拥有丰富的GUI控件,配合Hola Studio可以快速开发出游戏的UI界面.Phaser是一个流行而且强大的游戏引擎,但是它的GUI控件很少,而且缺乏 ...
- html5获取经纬度,百度api获取街区名,并使用JS保存进cookie
引用js<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak= ...