iOS笔记UI--修改系统UITableViewCell的ImageView大小

如果我们直接用系统自带的cell的imageView的话,效果是这样子的:(我写的testDemo是三个cell)

iOS笔记UI--修改系统UITableViewCell的ImageView大小_第1张图片

这样子的效果很难看,图片把整个imageView都盛满了,我们需要的效果是这种(上下左右都有一点间隔)

因为系统自带的cell的imageView是readonly(只读属性),所以不能修改ImageView的大小。那么我们可以尝试着从Image上做手脚

 UIImage *icon = [UIImage imageNamed:@"test0.jpg"];
    CGSize imageSize = CGSizeMake(30, 30);
    UIGraphicsBeginImageContextWithOptions(imageSize, NO,0.0); //获得用来处理图片的图形上下文。利用该上下文,你就可以在其上进行绘图,并生成图片 ,三个参数含义是设置大小、透明度 (NO为不透明)、缩放(0代表不缩放)
    CGRect imageRect = CGRectMake(0.0, 0.0, imageSize.width, imageSize.height);
    [icon drawInRect:imageRect];
    myCell.imageView.image = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext(); 
  /*
    常用的图片缩放方式这三种:
             UIGraphicsBeginImageContext // 一个基于位图的上下文(context),并将其设置为当前上下文(context)。
     UIGraphicsGetImageFromCurrentImageContext // 把当前context的内容输出成一个UIImage图片
     UIGraphicsEndImageContext // 关闭图形上下文
思路
调用UIGraphicsBeginImageContextWithOptions获得用来处理图片的图形上下文。
利用该上下文,就可在上面进行绘图操作而生成图片。
调用UIGraphicsGetImageFromCurrentImageContext可当前上下文中获取一个UIImage对象。
在所有的绘图操作后记住要调用UIGraphicsEndImageContext关闭图形上下文。
     */

测试效果:

iOS笔记UI--修改系统UITableViewCell的ImageView大小_第2张图片

Image的大小就被修改了,显示的效果也比一开始要好看得多。   问题解决。




你可能感兴趣的:(OC--UI功能)