关于UIImageView的显示问题——居中显示或者截取图片的中间部分显示(转)
2015-09-26 15:05
531 查看
我们都知道在ios中,每一个UIImageView都有他的frame大小,但是如果图片的大小和这个frame的大小不符合的时候会怎么样呢?在默认情况,图片会被压缩或者拉伸以填满整个区域。
通过查看UIView的属性可以知道,view的contentMode属性可以用来控制图片的显示情况。下面的设置可以让图片进行居中显示imageView.contentMode = UIViewContentModeCenter;
这个居中包括了横向和纵向都是居中。图片不会拉伸或者压缩,就是按照imageView的frame和图片的大小来居中显示的。
这里有两种情况:
1、图片比view的区域更大。这个时候会截取图片的中间部位显示在frame区域里面。
2、图片比view的区域更小。这个时候图片会完整的显示在frame的中间位置。
如果在默认情况,图片的多出来的部分还是会显示屏幕上。如果不希望超过frame的区域显示在屏幕上要设置。clipsToBounds属性。
imageView.clipsToBounds = YES;
最后一个问题,在iphone的retina屏幕上面,必须要设置,contentScaleFactor属性。这个属性的默认值是1。二对应的retina屏幕需要是2.可以通过下面的方式来设置:
[imageView setContentScaleFactor:[[UIScreen mainScreen] scale]];
但是用:
imageView.contentMode = UIViewContentModeCenter;
也有他的问题,就是在图片不规则的时候,而且图片的宽或者高比frame的宽高更小的时候,会出现空白的情况。
为了解决这种问题可以设置:
imageView.contentMode = UIViewContentModeScaleAspectFill;
这样图片会拉伸或者压缩以适应frame的边界,而且是适应更小的边,这样可以达成的效果是,图片适应最小的边铺开显示,更大的边会超出 frame,如果设置了clipsToBounds属性为YES,那么更大的边就会被截断。这样达成更好的居中显示效果,完整的代码如下:
UIImage *pic = [ UIImage imageNamed:@
"IMG_0404.PNG"
];
UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(20, 20, 240, 100 )];
[imageView setImage:pic];
[imageView setContentScaleFactor:[[UIScreen mainScreen] scale]];
imageView.contentMode = UIViewContentModeScaleAspectFill;
imageView.autoresizingMask = UIViewAutoresizingFlexibleHeight;
imageView.clipsToBounds = YES;
相关文章推荐
- NSFetchedResultsController Assertion failure in -[UITableView _endCellAnimationsWithContext:]
- ios 中Nsstirng,Nsdata,char,byte,UIImage 之间的转换
- C#string与stringBuilder的区别
- 重写layoutSubviews
- 如何修改SpriteBuilder中的按钮禁用启用状态
- 如何修改SpriteBuilder中的按钮禁用启用状态
- 如何修改SpriteBuilder中的按钮禁用启用状态
- iOS开发:集合视图 UICollectionView
- 利用break和continue窥探空格输入与回车输入
- Android通用UI开发技术(1)
- General Problem Solving Techniques [Examples]~C
- 第一行代码笔记4(UI)
- web开发性能优化---UI接口章
- SpriteBuilder切换解决方案以及CCB的修改与保存
- SpriteBuilder切换解决方案以及CCB的修改与保存
- SpriteBuilder切换解决方案以及CCB的修改与保存
- Java 根据 HashMap 的 value 进行排序
- iOS开发UI系列之屏幕适配
- iOS开发UI系列之UIButton的基本使用
- iOS开发UI系列之UIImageView的基本使用