sdwebimage 图片大小 处理 UIImageView 的contentMode属性应用

其他 2018-06-08 17:27:28 阅读次数: 2
 

iOS图片的填充方式UIImageView(contentMode)有什么不同

2017-04-28 10:40  2681人阅读  评论(0)  收藏  举报

UIViewContentModeScaleAspectFit, //这个图片都会在view里面显示，并且比例不变 这就是说 如果图片和view的比例不一样 就会有留白如下图1

\

           图1

UIViewContentModeScaleAspectFill, // 这是整个view会被图片填满，图片比例不变 ，这样图片显示就会大于view如下图2

\

图2

既然要求不高 又不能留白 那我就可以用第二种 可是这样就超出位置了， 截掉就可以了！

然后完整过程就两步

[self.prp_imageViewsetContentMode:UIViewContentModeScaleAspectFill];

self.prp_imageView.clipsToBounds = YES;

完美解决 以下是效果图

\

UIViewContentModeCenter

\

UIViewContentModeTop

\

UIViewContentModeBottom

\

UIViewContentModeLeft

\

UIViewContentModeRight

\

UIViewContentModeTopLeft

\

UIViewContentModeTopRight

\

 

UIViewContentModeBottomLeft

\

UIViewContentModeBottomRight

\

其他更详细的属性介绍：

  • UIView有个UIViewContentMode类型的属性contentMode，可以通过它来修改视图的内容显示模式。 

    view sourceprint? 01.typedef NS_ENUM(NSInteger, UIViewContentMode) {02.UIViewContentModeScaleToFill, 03.UIViewContentModeScaleAspectFit, // contents scaled to fit with fixed aspect. remainder is transparent04.UIViewContentModeScaleAspectFill, // contents scaled to fill with fixed aspect. some portion of content may be clipped. 05.UIViewContentModeRedraw, // redraw on bounds change (calls -setNeedsDisplay)06.UIViewContentModeCenter, // contents remain same size. positioned adjusted. 07.UIViewContentModeTop, 08.UIViewContentModeBottom,09.UIViewContentModeLeft, 10.UIViewContentModeRight,11.UIViewContentModeTopLeft, 12.UIViewContentModeTopRight,13.UIViewContentModeBottomLeft, 14.UIViewContentModeBottomRight, 15.};

    实例代码：

    view sourceprint? 1.CGRect rect = self.view.frame; 2.UIImageView *imageView = [[UIImageView alloc] initWithFrame:rect]; 3.imageView.contentMode = UIViewContentModeTop; 4.imageView.image = [UIImage imageNamed:@demoImage];5.[self.view addSubview:imageView];

     

    UIViewContentModeScaleToFill

    根据视图的比例去拉伸图片内容。

    height=268

    UIViewContentModeScaleAspectFit

    保持图片内容的纵横比例，来适应视图的大小。

    height=270

    UIViewContentModeScaleAspectFill

    用图片内容来填充视图的大小，多余得部分可以被修剪掉来填充整个视图边界。

    height=267

    UIViewContentModeRedraw

    这个选项是单视图的尺寸位置发生变化的时候通过调用setNeedsDisplay方法来重新显示。

    UIViewContentModeCenter

    保持图片原比例在视图中间显示图片内容

    如果视图大小小于图片的尺寸，则图片会超出视图边界，下面类同

    height=267

    UIViewContentModeTop

    保持图片原比例在视图中间顶部显示图片内容

    height=267

    UIViewContentModeBottom

    保持图片原比例在视图中间底部显示图片内容

    height=267

    UIViewContentModeLeft

    保持图片原比例在视图中间左边显示图片内容

    height=267

    UIViewContentModeRight

    保持图片原比例在视图中间右边显示图片内容

    height=267

    UIViewContentModeTopLeft

    保持图片原比例在视图左上角显示图片内容

    height=267


    UIViewContentModeTopRight

    保持图片原比例在视图右上角显示图片内容

    height=267

    UIViewContentModeBottomLeft

    保持图片原比例在视图左下角显示图片内容

    height=267

    UIViewContentModeBottomRight

    保持图片原比例在视图右下角显示图片内容

    height=267
、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、

sdwebimage 图片大小 处理

原创  2016年04月28日 09:45:35

遇到问题    设置了一个宽高 固定的(1:1 )的 图片 用 sdwebimage 加载的时候显示出来的图片会被压缩或者拉伸,想让显示 一部分的图片(保持图片不变形) 所以对图片进行剪裁代码如下

 [cell.imagesd_setImageWithURL:[NSURLURLWithString:[NSStringstringWithFormat:@"%@%@",URL_HOST,ImagArray[0]]]placeholderImage:[UIImageimageNamed:@"futrue"]completed:^(UIImage*image,NSError *error, SDImageCacheType cacheType,NSURL *imageURL) {


                CGSize newSize;

                CGImageRef imageRef =nil;

                

                if ((image.size.width / image.size.height) < 1) {

                    newSize.width = image.size.width;

                    newSize.height = image.size.width ;

                    

                    imageRef = CGImageCreateWithImageInRect([imageCGImage], CGRectMake(0,fabs(image.size.height - newSize.height) / 2, newSize.width, newSize.height));

                    

                } else {

                    newSize.height = image.size.height;

                    newSize.width = image.size.height *1;

                    

                    imageRef = CGImageCreateWithImageInRect([imageCGImage], CGRectMake(fabs(image.size.width - newSize.width) / 2, 0, newSize.width, newSize.height));

                    

                }


                

                

                cell.image.image =[UIImageimageWithCGImage:imageRef];

                

           }];

后来发现对 iimageView 做入下处理 就可实现   


      showSpecialityCatoryImage.contentMode =UIViewContentModeScaleAspectFill;

      showSpecialityCatoryImage.clipsToBounds = YES;
、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、

UIImageView 的contentMode属性应用

原创  2013年12月19日 14:45:29
UIImageView 的contentMode这个属性是用来设置图片的显示方式，如居中、居右，是否缩放等，有以下几个常量可供设定：
UIViewContentModeScaleToFill
UIViewContentModeScaleAspectFit
UIViewContentModeScaleAspectFill
UIViewContentModeRedraw
UIViewContentModeCenter
UIViewContentModeTop
UIViewContentModeBottom
UIViewContentModeLeft
UIViewContentModeRight
UIViewContentModeTopLeft
UIViewContentModeTopRight
UIViewContentModeBottomLeft
UIViewContentModeBottomRight

注意以上几个常量，凡是没有带Scale的，当图片尺寸超过 ImageView尺寸时，只有部分显示在ImageView中。UIViewContentModeScaleToFill属性会导致图片变形。UIViewContentModeScaleAspectFit会保证图片比例不变，而且全部显示在ImageView中，这意味着ImageView会有部分空白。UIViewContentModeScaleAspectFill也会证图片比例不变，但是是填充整个ImageView的，可能只有部分图片显示出来。

例如：

1。显示正常的图片

[cpp]  view plain copy
  1. _image = [[UIImageView alloc] init];  
  2. image = [UIImage imageNamed:@"12.jpeg"];  
  3. _image.backgroundColor = [UIColor brownColor];  
  4. _image.clipsToBounds = YES;  
  5. _image.frame = CGRectMake(100, 130, 100, 100);  
  6. _image.contentMode = UIViewContentModeScaleToFill;  
  7. [self.view addSubview:_image];  


2。

[cpp]  view plain copy
  1. _image.contentMode = UIViewContentModeScaleAspectFill;  

3。

[cpp]  view plain copy
  1. _image.contentMode = UIViewContentModeScaleAspectFit;  



、

UIViewContentModeScaleAspectFit, //这个图片都会在view里面显示，并且比例不变 这就是说 如果图片和view的比例不一样 就会有留白如下图1

\

           图1

UIViewContentModeScaleAspectFill, // 这是整个view会被图片填满，图片比例不变 ，这样图片显示就会大于view如下图2

\

图2

既然要求不高 又不能留白 那我就可以用第二种 可是这样就超出位置了， 截掉就可以了！

然后完整过程就两步

[self.prp_imageViewsetContentMode:UIViewContentModeScaleAspectFill];

self.prp_imageView.clipsToBounds = YES;

完美解决 以下是效果图

\

UIViewContentModeCenter

\

UIViewContentModeTop

\

UIViewContentModeBottom

\

UIViewContentModeLeft

\

UIViewContentModeRight

\

UIViewContentModeTopLeft

\

UIViewContentModeTopRight

\

 

UIViewContentModeBottomLeft

\

UIViewContentModeBottomRight

\

其他更详细的属性介绍：

  • UIView有个UIViewContentMode类型的属性contentMode，可以通过它来修改视图的内容显示模式。 

    view sourceprint? 01.typedef NS_ENUM(NSInteger, UIViewContentMode) {02.UIViewContentModeScaleToFill, 03.UIViewContentModeScaleAspectFit, // contents scaled to fit with fixed aspect. remainder is transparent04.UIViewContentModeScaleAspectFill, // contents scaled to fill with fixed aspect. some portion of content may be clipped. 05.UIViewContentModeRedraw, // redraw on bounds change (calls -setNeedsDisplay)06.UIViewContentModeCenter, // contents remain same size. positioned adjusted. 07.UIViewContentModeTop, 08.UIViewContentModeBottom,09.UIViewContentModeLeft, 10.UIViewContentModeRight,11.UIViewContentModeTopLeft, 12.UIViewContentModeTopRight,13.UIViewContentModeBottomLeft, 14.UIViewContentModeBottomRight, 15.};

    实例代码：

    view sourceprint? 1.CGRect rect = self.view.frame; 2.UIImageView *imageView = [[UIImageView alloc] initWithFrame:rect]; 3.imageView.contentMode = UIViewContentModeTop; 4.imageView.image = [UIImage imageNamed:@demoImage];5.[self.view addSubview:imageView];

     

    UIViewContentModeScaleToFill

    根据视图的比例去拉伸图片内容。

    height=268

    UIViewContentModeScaleAspectFit

    保持图片内容的纵横比例，来适应视图的大小。

    height=270

    UIViewContentModeScaleAspectFill

    用图片内容来填充视图的大小，多余得部分可以被修剪掉来填充整个视图边界。

    height=267

    UIViewContentModeRedraw

    这个选项是单视图的尺寸位置发生变化的时候通过调用setNeedsDisplay方法来重新显示。

    UIViewContentModeCenter

    保持图片原比例在视图中间显示图片内容

    如果视图大小小于图片的尺寸，则图片会超出视图边界，下面类同

    height=267

    UIViewContentModeTop

    保持图片原比例在视图中间顶部显示图片内容

    height=267

    UIViewContentModeBottom

    保持图片原比例在视图中间底部显示图片内容

    height=267

    UIViewContentModeLeft

    保持图片原比例在视图中间左边显示图片内容

    height=267

    UIViewContentModeRight

    保持图片原比例在视图中间右边显示图片内容

    height=267

    UIViewContentModeTopLeft

    保持图片原比例在视图左上角显示图片内容

    height=267


    UIViewContentModeTopRight

    保持图片原比例在视图右上角显示图片内容

    height=267

    UIViewContentModeBottomLeft

    保持图片原比例在视图左下角显示图片内容

    height=267

    UIViewContentModeBottomRight

    保持图片原比例在视图右下角显示图片内容

    height=267
、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、

sdwebimage 图片大小 处理

原创  2016年04月28日 09:45:35

遇到问题    设置了一个宽高 固定的(1:1 )的 图片 用 sdwebimage 加载的时候显示出来的图片会被压缩或者拉伸,想让显示 一部分的图片(保持图片不变形) 所以对图片进行剪裁代码如下

 [cell.imagesd_setImageWithURL:[NSURLURLWithString:[NSStringstringWithFormat:@"%@%@",URL_HOST,ImagArray[0]]]placeholderImage:[UIImageimageNamed:@"futrue"]completed:^(UIImage*image,NSError *error, SDImageCacheType cacheType,NSURL *imageURL) {


                CGSize newSize;

                CGImageRef imageRef =nil;

                

                if ((image.size.width / image.size.height) < 1) {

                    newSize.width = image.size.width;

                    newSize.height = image.size.width ;

                    

                    imageRef = CGImageCreateWithImageInRect([imageCGImage], CGRectMake(0,fabs(image.size.height - newSize.height) / 2, newSize.width, newSize.height));

                    

                } else {

                    newSize.height = image.size.height;

                    newSize.width = image.size.height *1;

                    

                    imageRef = CGImageCreateWithImageInRect([imageCGImage], CGRectMake(fabs(image.size.width - newSize.width) / 2, 0, newSize.width, newSize.height));

                    

                }


                

                

                cell.image.image =[UIImageimageWithCGImage:imageRef];

                

           }];

后来发现对 iimageView 做入下处理 就可实现   


      showSpecialityCatoryImage.contentMode =UIViewContentModeScaleAspectFill;

      showSpecialityCatoryImage.clipsToBounds = YES;
、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、

UIImageView 的contentMode属性应用

原创  2013年12月19日 14:45:29
UIImageView 的contentMode这个属性是用来设置图片的显示方式，如居中、居右，是否缩放等，有以下几个常量可供设定：
UIViewContentModeScaleToFill
UIViewContentModeScaleAspectFit
UIViewContentModeScaleAspectFill
UIViewContentModeRedraw
UIViewContentModeCenter
UIViewContentModeTop
UIViewContentModeBottom
UIViewContentModeLeft
UIViewContentModeRight
UIViewContentModeTopLeft
UIViewContentModeTopRight
UIViewContentModeBottomLeft
UIViewContentModeBottomRight

注意以上几个常量，凡是没有带Scale的，当图片尺寸超过 ImageView尺寸时，只有部分显示在ImageView中。UIViewContentModeScaleToFill属性会导致图片变形。UIViewContentModeScaleAspectFit会保证图片比例不变，而且全部显示在ImageView中，这意味着ImageView会有部分空白。UIViewContentModeScaleAspectFill也会证图片比例不变，但是是填充整个ImageView的，可能只有部分图片显示出来。

例如：

1。显示正常的图片

[cpp]  view plain copy
  1. _image = [[UIImageView alloc] init];  
  2. image = [UIImage imageNamed:@"12.jpeg"];  
  3. _image.backgroundColor = [UIColor brownColor];  
  4. _image.clipsToBounds = YES;  
  5. _image.frame = CGRectMake(100, 130, 100, 100);  
  6. _image.contentMode = UIViewContentModeScaleToFill;  
  7. [self.view addSubview:_image];  


2。

[cpp]  view plain copy
  1. _image.contentMode = UIViewContentModeScaleAspectFill;  

3。

[cpp]  view plain copy
  1. _image.contentMode = UIViewContentModeScaleAspectFit;  



猜你喜欢

转载自blog.csdn.net/wakice/article/details/78579081
今日推荐
面壁智能发布 Eurux-8x22B 开源大模型 —— 堪称「理科状元」
开源日报 | 谷歌扶持鸿蒙上位；开源Rabbit R1；Docker加持的安卓手机；微软的焦虑和野心；海尔电器把开放平台关了
中国码农的“35岁魔咒”
蘭雅 CorelDRAW 插件 2024.5.1 国际劳动节版，免费下载
Arc Browser for Windows 1.0 正式 GA
90后程序员开发视频搬运软件、不到一年获利超 700 万，结局很刑！
周排行
【转】spring中对控制反转和依赖注入的理解
tms webcore 安装和使用
java程序员进阶相关书籍
SpringMVC接受请求参数、
如何保存训练好的机器学习模型
MyEclipse、Eclipse设置项目JDK的三个地方
商超行业微信小程序开发定制一般多少钱 （行业技术人员解读）
Markdown编辑器语言——30分钟入门到到精通
Linux系统下MongoDB的简单安装与基本操作
Power Strings
每日归档
更多
2024-05-07(14)
2024-05-06(40)
2024-05-05(0)
2024-05-04(7)
2024-05-03(19)
2024-05-02(0)
2024-05-01(4)
2024-04-30(1)
2024-04-29(40)
2024-04-28(0)

代码天地 © 2018 codetd.com

境外服务器   最新电视剧2022