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 ...
随机推荐
- Web Server 配置及上传文件
第一种方案:从github上面克隆到服务器 1.git上传文件 ( git bash ) ①切换至所要上传的文件夹 cd 文件夹homepage ②告诉系统当前文件夹要进行git管理 git init ...
- ViewPager With FragmentPagerAdapter
采用PagerAdapter中的FragmentPagerAdapter来实现页面切换,适用于a handful of typically more static fragments to be pa ...
- Sublime Text怎么在切分两行视口内显示同一个文件
原文链接:http://devlog.en.alt-area.org/?p=1098 How to split one file into two views in Sublime Text2 You ...
- 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. ...
- logstash filter grok 用法
在elk+filebeat都安装好,且明白了基本流程后,主要的就是写logstash的filter了,以此来解析特定格式的日志 logstash的filter是用插件实现的,grok是其中一个,用来解 ...
- 开发板A/D转换原理
A/D转换器(Analog-to-Digital Converter)又叫模/数转换器,即使将模拟信(电压或是电流的形式)转换成数字信号.这种数字信号可让仪表,计算机外设接口或是微处理机来加以操作或是 ...
- Open source packages on self-driving car
Autoware https://github.com/CPFL/Autoware.git Open-source software for urban autonomous driving &quo ...
- IE浏览器bug罪魁祸首--hasLayout
IE浏览器一直都是前端程序员最头疼的,IE的表现与其他浏览器不同的原因之一就是,显示引擎使用一个称为布局(layout)的内部概念. 认识hasLayout--haslayout是Windows In ...
- ★Java多线程编程总结 系列 转
下面是Java线程系列博文的一个编目: Java线程:概念与原理 Java线程:创建与启动 Java线程:线程栈模型与线程的变量 Java线程:线程状态的转换 Java线程:线程的同步与锁 Jav ...
- 客户端判断是否为IE9以上版本
function detectBrowser() { var browser = navigator.appName if(navigator.userAgent.indexOf("MSIE ...