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;

}

第二种情况:

//等比例缩放

-(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;

确定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 (包括截取图片中间部分)的更多相关文章

  1. ios的UIImage的两种不同的图片加载方式 tom猫

    在ios的UI交互设计时,对图片的处理是难免的:不同的处理方式会对内存有不同的影响: ********************************************************* ...

  2. iOS UIView 快速修改 frame,

    在iOS开发布局修改 frame 时需要繁琐的代码实现,今天偶尔看到一播客说到快速修改的 frame 的方法,自己动手写了一遍实现代码. 快速实现主要通过 添加类目的方式,对UIView 控件添加了一 ...

  3. 关于UIImageView的显示问题——居中显示或者截取图片的中间部分显示

    我们都知道在ios中,每一个UIImageView都有他的frame大小,但是如果图片的大小和这个frame的大小不符合的时候会怎么样呢?在默认情况,图片会被压缩或者拉伸以填满整个区域. 通过查看UI ...

  4. iOS Webview 实现修改javascript confirm 和 alert

    贴代码: @interface UIWebView (JavaScriptAlert) -(void) webView:(UIWebView *)sender runJavaScriptAlertPa ...

  5. IOS 截取图片 部分 并生成新图片

    /** * 从图片中按指定的位置大小截取图片的一部分 * * @param image UIImage image 原始的图片 * @param rect CGRect rect 要截取的区域 * * ...

  6. ios 动画 创建一个UIImageView并将其属性设置animationImages为UIImages 的数组

    NSArray *animationFrames = [NSArray arrayWithObjects: [UIImage imageWithName:@"image1.png" ...

  7. SQL SERVER 2005修改数据库名称,包括物理文件名和逻辑名称

    SQL SERVER 2005修改数据库名称,包括物理文件名和逻辑名称   原来数据库名称为 aa,物理文件名称为 aa.mdf 和 aa_log.ldf:   需要修改数据库名称为 bb,物理文件名 ...

  8. 李洪强iOS开发之-修改状态栏的字体的颜色

    李洪强iOS开发之-修改状态栏的字体的颜色 修改的效果: -(void)viewDidAppear:(BOOL)animated { [super viewDidAppear:animated]; [ ...

  9. iOS开发系列-修改项目工程名

    当前有项目工程名为iOS,需要修改工程名为IFLY.在修改前注意备份项目 修改项目名 出现弹框,点击Rename 修改工程目录文件名 注意Tests与UITests不要删除 选中IFLY.xcodep ...

随机推荐

  1. 关于JQ的$.deferred函数。参考网络文档

    由于jQuery版本问题对Deferred对象的实现有所不同,具体请参照jQuery api:   jQuery.Deferred()基于Promises/A规范实现,因为jQuery本身的设计风格, ...

  2. 第三章 对象(JavaScript:语言精粹)

      对象是属性的容器,其中每个属性都有名字和值.   3.0. 概览:对象字面量 | 检索 | 更新 | 引用 | 原型 | 反射 | 枚举 | 删除 | 减少全局变量污染   3.1. 对象字面量 ...

  3. R----ggplot2包介绍学习

    分析数据要做的第一件事情,就是观察它.对于每个变量,哪些值是最常见的?值域是大是小?是否有异常观测? ggplot2图形之基本语法: ggplot2的核心理念是将绘图与数据分离,数据相关的绘图与数据无 ...

  4. SVN错误及处理

    SVN无法读取current修复方法 Can't read file : End of file found 文件:repository/db/txn_current.repository/db/cu ...

  5. nodejs的express使用介绍

    Express框架 来自<JavaScript 标准参考教程(alpha)>,by 阮一峰 目录 概述 运行原理 底层:http模块 什么是中间件 use方法 Express的方法 all ...

  6. DAL、DAO、ORM、Active Record辨析

    转自:http://blog.csdn.net/suiye/article/details/7824943 模型 Model 模型是MVC中的概念,指的是读取数据和改变数据的操作(业务逻辑).一开始我 ...

  7. 从容而优雅(leisurely and elegant)

    每时每刻, 我都变得更好了. ----- 法国心理学家   埃米尔 . 库埃 每时每刻, 我都变得更忙了. ----- 罗伯特 . 西奥迪尼 咬牙切齿的寒风, 昏暗的路灯, 默默的走过那一段从教室到寝 ...

  8. centos BIND服务基础及域主服务器配置

    系统信息: Linux localhost.localdomain -.el6.i686 # SMP Tue Dec :: GMT i686 i686 i386 GNU/Linux 因为看的是linu ...

  9. Less入门到上手——前端开发利器<一>

    摘录less官网的解释: LESSCSS是一种动态样式语言,属于CSS预处理语言的一种,它使用类似CSS的语法,为CSS的赋予了动态语言的特性,如变量.继承.运算.函数等,更方便CSS的编写和维护. ...

  10. 个人对beta发布的观点

    内容:五个小组的beta发布 时间:2016年11月10日 13:40-15:15 地点:传媒西楼202 发布顺序: 1.飞天小女警(选礼物) 2.金州勇士(在线考试) 3.新蜂(俄罗斯方块) 4.天 ...