表视图UIImage呈现问题

时间:2014-02-19 01:37:54

标签: ios iphone objective-c

我遇到了我的tableView UIImages的渲染问题,并且想知道是否有人遇到过同样的问题而且知道如何修复它。

这是我的cellForRowAtIndexPath

-(UITableViewCell *)tableView:(UITableView *)tableView
    cellForRowAtIndexPath:(NSIndexPath *)indexPath
 {
     cell.textLabel.text = exerciseDisplayName;
    cell.textLabel.numberOfLines = 0;
    cell.textLabel.lineBreakMode = NSLineBreakByWordWrapping;

    [tableView setSeparatorInset:UIEdgeInsetsZero];

    UtilityMethods *commonMethods = [[UtilityMethods alloc]init];

    UIImage *rowImage = [commonMethods imageForRow:tempPlaceholder.bodyPart];

    cell.imageView.image = rowImage;

    return cell;

 }

这是我的行高。

-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath                  
  {
     return 96;
  }   

enter image description here

表格中的图像中有很多线条和曲线。我想知道是否有人知道我可能需要应用于我的图像以解决问题的任何UIImage属性。增加表中行的高度可以解决问题,但代价是增加表行的高度。似乎工作的数字是128个身高.ForRow。当使用128时,曲线不太明显。现在我很确定这与iOS渲染图像的方式有关。我已经拍摄了图像并使用Microsoft Paint将其重新调整为76x76只是为了看看我是否会看到同样的问题,并且图像看起来很好而没有所有的波形。图像是.png格式。图像的原始大小为1024x1024。因为我需要它们,我只是向下调整它们的大小。如果有人对如何解决这个问题有任何提示或建议,我会非常感激。

1 个答案:

答案 0 :(得分:2)

您需要将图像重新取样至所需尺寸。在小型空间中查看大图像在iOS设备上看起来相当糟糕(大多数都是真的)。但是如果你使用内置函数来创建一个适当大小的新UIImage,一切看起来都会好一些。在显示时缩小UIImage总是看起来比创建适当大小的新图像并显示它更糟糕。这样做的方法如下(taken from here)

- (UIImage*)imageByScalingAndCroppingForSize:(CGSize)targetSize
{
    UIImage *sourceImage = self;
    UIImage *newImage = nil;    
    CGSize imageSize = sourceImage.size;
    CGFloat width = imageSize.width;
    CGFloat height = imageSize.height;
    CGFloat targetWidth = targetSize.width;
    CGFloat targetHeight = targetSize.height;
    CGFloat scaleFactor = 0.0;
    CGFloat scaledWidth = targetWidth;
    CGFloat scaledHeight = targetHeight;
    CGPoint thumbnailPoint = CGPointMake(0.0,0.0);

    if (CGSizeEqualToSize(imageSize, targetSize) == NO) 
    {
        CGFloat widthFactor = targetWidth / width;
        CGFloat heightFactor = targetHeight / height;

        if (widthFactor > heightFactor) 
        {
            scaleFactor = widthFactor; // scale to fit height
        }
        else
        {
            scaleFactor = heightFactor; // scale to fit width
        }

        scaledWidth  = width * scaleFactor;
        scaledHeight = height * scaleFactor;

        // center the image
        if (widthFactor > heightFactor)
        {
            thumbnailPoint.y = (targetHeight - scaledHeight) * 0.5; 
        }
        else
        {
            if (widthFactor < heightFactor)
            {
                thumbnailPoint.x = (targetWidth - scaledWidth) * 0.5;
            }
        }
    }   

    UIGraphicsBeginImageContextWithOptions(targetSize, 0, NO); // this will crop

    CGRect thumbnailRect = CGRectZero;
    thumbnailRect.origin = thumbnailPoint;
    thumbnailRect.size.width  = scaledWidth;
    thumbnailRect.size.height = scaledHeight;

    [sourceImage drawInRect:thumbnailRect];

    newImage = UIGraphicsGetImageFromCurrentImageContext();

    if(newImage == nil)
    {
        NSLog(@"could not scale image");
    }

    //pop the context to get back to the default
    UIGraphicsEndImageContext();

    return newImage;
}

这个功能比你想要的要多一些,但你应该能够将它切割成你所需要的。

请务必使用UIGraphicsBeginImageContextWithOptions功能代替UIGraphicsBeginImageContext,以便正确处理视网膜显示,否则会使图像更加模糊,您将遇到第二个问题用。