我对UIImageView有一个非常奇怪的问题。我有一个45x45像素的图像(RGB png),我添加到视图中。添加到视图后,我可以看到图像模糊。这是模拟器中的相同图像(左)和Xcode(右):
(来源:partywithvika.com)
(来源:partywithvika.com)
我有这个initWithImage代码的自定义UIImageView类:
- (id) initWithImage:(UIImage*) image {
self = [super initWithImage:image];
self.frame = CGRectMake(0, 0, 45, 45);
self.contentMode = UIViewContentModeScaleAspectFit;
self.quantity = 1;
if (self) {
self.label = [[UITextField alloc]initWithFrame:CGRectMake(0,40,45,25)];
self.label.font = [UIFont systemFontOfSize:16];
self.label.borderStyle = UITextBorderStyleNone;
self.label.enabled = TRUE;
self.label.userInteractionEnabled = TRUE;
self.label.delegate = self;
self.label.keyboardType = UIKeyboardTypeNumbersAndPunctuation;
self.label.textAlignment = UITextAlignmentCenter;
}
self.userInteractionEnabled = TRUE;
// Prepare 3 buttons: count up, count down, and delete
self.deleteButton = [UIButton buttonWithType:UIButtonTypeRoundedRect];
self.deleteButton.hidden = NO;
self.deleteButton.userInteractionEnabled = YES;
self.deleteButton.titleLabel.font = [UIFont systemFontOfSize:20];
self.deleteButton.titleLabel.textColor = [UIColor redColor];
[self.deleteButton setTitle:@"X" forState:UIControlStateNormal];
[self.deleteButton addTarget:self action:@selector(deleteIcon:) forControlEvents:UIControlEventTouchUpInside];
self.upCountButton = [UIButton buttonWithType:UIButtonTypeRoundedRect];
self.upCountButton.hidden = NO;
self.upCountButton.userInteractionEnabled = YES;
[self.upCountButton setTitle:@"+" forState:UIControlStateNormal];
[self.upCountButton addTarget:self action:@selector(addQuantity:) forControlEvents:UIControlEventTouchUpInside];
self.downCountButton = [UIButton buttonWithType:UIButtonTypeRoundedRect];
self.downCountButton.hidden = YES;
self.downCountButton.userInteractionEnabled = YES;
[self.downCountButton setTitle:@"-" forState:UIControlStateNormal];
[self.downCountButton addTarget:self action:@selector(removeQuantity:) forControlEvents:UIControlEventTouchUpInside];
return self;
}
我这样创建:
UIImage *desertIcon = [UIImage imageNamed:@"desert.png"];
IconObj *desertIconView = [[IconObj alloc] initWithImage:desertIcon];
desertIconView.center = CGPointMake(265,VERTICAL_POINT_ICON);
desertIconView.type = [IconObj TYPE_DESERT];
[self.view addSubview:desertIconView];
[desertIconView release];
为什么显示的图像会比存储在文件中的图像多?
答案 0 :(得分:8)
一般而言,您在iPhone上使用UIKit所做的一切都应该是像素对齐的。像素对齐的问题通常表现为模糊(对于文本和图像,尤其为真)。这就是为什么当我发现模糊视图时,我首先检查我是否设置了center
属性。当您设置center
时,框架的x,y,高度和宽度会围绕该中心点进行调整...经常会产生小数值。
您可以尝试在框架上使用CGRectIntegral
,如下所示:
desertIconView.center = CGPointMake(265,VERTICAL_POINT_ICON);
desertIconView.frame = CGRectIntegral(desertIconView.frame);
这可能有效,但如果没有,请尝试手动设置frame
,而不使用center
属性,以确保没有值是小数。
答案 1 :(得分:3)
我遇到了这个问题,这让我疯了。经过一番调查后发现我的图像比图像小,因此放大模糊了它。一旦我放入更高分辨率的图像,问题就消失了。
确保您的图片大小大于UIImageView框架大小。
答案 2 :(得分:3)
你的IconObj是45像素宽。您将IconObj中心移动到265,使其框架为(242.5,VERTICAL_POINT_ICON - 25 * 0.5,45,25)。如果某些帧参数不是整数,则图像将始终模糊。
解决方案,自己计算帧参数(不要使用中心)。并始终使其为整数(强制转换为NSInteger,使用ceil,floor或round)。
desertIconView.frame = CGRectMake((NSInteger)(265 - 45*0.5),
(NSInteger)(VERTICAL_POINT_ICON - 25*0.5),
45, 25);
答案 3 :(得分:1)
我最终做的是将更大的图片加载到45x45 UIImageView中,当然还有
contentMode = UIViewContentModeScaleAspectFit;
答案 4 :(得分:1)
我遇到了同样的问题。首先我认为wtf我需要眼镜吗?
然后我意识到当你给它一个奇数时,不可能将图像(或标签)居中。您需要将图片大小调整为例如46 * 46如果你想让它居中并保持锋利。
或者您可以将其保留为45 * 45但是您需要决定是否要将图像偏向右侧1个像素,或者左侧1个像素。 (或者让它模糊不清)。
答案 5 :(得分:0)
尝试将您的IconObj
视图与屏幕像素对齐。如果它真的是45x45那么你应该将中心设置为类似CGPointMake(x + 0.5f,y + 0.5f)。
您还应该以像素为单位仔细检查图像大小(例如,在Preview.app Command-I中)。
答案 6 :(得分:0)
偏移问题的完整来源:
contentImage = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 0, 0)];
UIImage *cImage = [UIImage imageNamed:image];
self.contentImage.image = cImage;
[self.contentImage setFrame:CGRectMake(0, 0, cImage.size.width, cImage.size.height)];
CGFloat offset = 0.0f;
if ( ( (int)cImage.size.width % 2 ) && ( (int)cImage.size.height % 2 ) ) {
offset = 0.5f;
}
[self.contentImage setCenter:CGPointMake(256.0f + offset, 256.0f + offset)];