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. Web Server 配置及上传文件

    第一种方案:从github上面克隆到服务器 1.git上传文件 ( git bash ) ①切换至所要上传的文件夹 cd 文件夹homepage ②告诉系统当前文件夹要进行git管理 git init ...

  2. ViewPager With FragmentPagerAdapter

    采用PagerAdapter中的FragmentPagerAdapter来实现页面切换,适用于a handful of typically more static fragments to be pa ...

  3. Sublime Text怎么在切分两行视口内显示同一个文件

    原文链接:http://devlog.en.alt-area.org/?p=1098 How to split one file into two views in Sublime Text2 You ...

  4. javax.servlet.ServletException: com.ibatis.sqlmap.client.SqlMapException: There is no statement named...问题

    可能存在3种情况: 1.在xxx.xml文件中有两个标签的id命名相同: 2.DAO实现类方法中没有写对应xxx.xml的id名称: 3.实体映射文件xxx.xml未加入到sqlMap-Config. ...

  5. logstash filter grok 用法

    在elk+filebeat都安装好,且明白了基本流程后,主要的就是写logstash的filter了,以此来解析特定格式的日志 logstash的filter是用插件实现的,grok是其中一个,用来解 ...

  6. 开发板A/D转换原理

    A/D转换器(Analog-to-Digital Converter)又叫模/数转换器,即使将模拟信(电压或是电流的形式)转换成数字信号.这种数字信号可让仪表,计算机外设接口或是微处理机来加以操作或是 ...

  7. Open source packages on self-driving car

    Autoware https://github.com/CPFL/Autoware.git Open-source software for urban autonomous driving &quo ...

  8. IE浏览器bug罪魁祸首--hasLayout

    IE浏览器一直都是前端程序员最头疼的,IE的表现与其他浏览器不同的原因之一就是,显示引擎使用一个称为布局(layout)的内部概念. 认识hasLayout--haslayout是Windows In ...

  9. ★Java多线程编程总结 系列 转

    下面是Java线程系列博文的一个编目:   Java线程:概念与原理 Java线程:创建与启动 Java线程:线程栈模型与线程的变量 Java线程:线程状态的转换 Java线程:线程的同步与锁 Jav ...

  10. 客户端判断是否为IE9以上版本

    function detectBrowser() { var browser = navigator.appName if(navigator.userAgent.indexOf("MSIE ...