iOS：在自定义属性动画期间以正确的分辨率将 CGImage 绘制到 CALayer 的子类中

Question

我已经无能为力了...

我有一个视图应该显示一个动画圆形部分，该部分是预渲染的并可作为 png 文件使用（视网膜和非视网膜版本，正确命名；pie_p_000.png 与 pie_p_000.png 对比） [电子邮件受保护]）。此部分应根据应用程序内某个百分比值的变化进行动画处理。所以我创建了一个 UIView 的子类，它的层层次结构中有一个自定义的 CALayer。计划是为 CALayer 子类实现自定义动画属性，并在重写的方法 drawInContext: 中更改图片。到目前为止一切顺利，该计划有效，当我使用视图的函数 setPercentageWithFloat: 更改百分比值时会显示动画（完整源代码如下）。 问题是：我真的不知道为什么我的iPhone4总是显示低分辨率图像。我已经尝试过使用比例因子，但这没有帮助。图像要么以正确的尺寸和低分辨率呈现，要么以双倍尺寸呈现。 覆盖display：直接设置contents属性会导致动画不出现（动画期间不显示图像）；动画时间结束后，呈现最终图像。在这种情况下，将呈现正确分辨率的图像。

顺便说一句：下面的代码在错误处理、灵活性和优雅方面并不是很复杂，但因为它只是尝试让该东西运行;) - 所以图像仍然翻转呈现等等......

我希望有人有给我一个提示。 谢谢

视图：

#import "ScrollBarView.h"
#import "ScrollBarLayer.h"

@implementation ScrollBarView

@synthesize sbl;

- (id)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self) {
        // Initialization code 
    }
    return self;
}

- (void)setImagesWithName:(NSString*)imageName {
    ScrollBarLayer *ssbl = [[ScrollBarLayer alloc] init];
    ssbl.frame = CGRectMake(0, 0, 30, 30);
    [ssbl setImagesWithName:imageName];
    [self.layer addSublayer:ssbl];

    self.sbl = ssbl;

    [ssbl release];
}

- (void) dealloc {
    self.sbl = nil;
    [super dealloc];
}

- (void)setPercentageWithFloat:(CGFloat)perc {
    if(perc > 1.0){
        perc = 1.0;
    } else if(perc < 0) {
        perc = 0;
    }

    [self.sbl setPercentage:perc];

    CABasicAnimation* ba = [CABasicAnimation animationWithKeyPath:@"percentage"];
    ba.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];
    ba.duration = 0.8;
    ba.toValue = [NSNumber numberWithFloat:perc];
    [self.sbl addAnimation:ba forKey:nil];
}
@end

视图可以配置为使用不同的名称（theName）处理不同的图像（使用函数setImagesWithName:）。在此方法中，View 将 ScrollBarLayer 添加到其图层属性中。

该层：

#import "ScrollBarLayer.h"

@implementation ScrollBarLayer

@synthesize filename;
@dynamic percentage;

- (id)init {
    self = [super init];
    if (self) {

    }
    return self;
}

- (void)setImagesWithName:(NSString*)imageName {
    self.frame = CGRectMake(0, 0, 30, 30);
    self.percentage = 0;
    self.filename = imageName;
}

+ (BOOL) needsDisplayForKey:(NSString*)key {
    if([key isEqualToString:@"percentage"]) {
        return YES;
    }
    return [super needsDisplayForKey:key];
}

- (void) drawInContext:(CGContextRef)ctx {

    int imageIdx = (int)roundf((float)199 * self.percentage);
    NSString *thisfilename = [self.filename stringByAppendingString:[NSString stringWithFormat:@"%03d.png", i+1]];
    UIImage* c = [UIImage imageNamed:thisfilename];
    CGImageRef img = [c CGImage];
    CGSize sz = CGSizeMake(CGImageGetWidth(img), CGImageGetHeight(img));

    UIGraphicsBeginImageContextWithOptions(CGSizeMake(sz.width, sz.height), NO, 0.0);
    CGContextDrawImage(ctx, CGRectMake(0, 0, sz.width, sz.height), img);
    UIGraphicsEndImageContext();
}

- (void) dealloc {
    self.pictures = nil;
    self.filename = nil;
    [super dealloc];
}

@end

Answer 1

我也需要对此的了解。

我认为问题出在点和像素之间...我认为您应该检查设备是否有视网膜显示屏，如果是这样，您应该将 CGContextDrawImage(...) CGRect （在第二个参数中）替换为宽度和高度的一半。

#define IS_RETINA_DISPLAY() ([[UIScreen mainScreen] respondsToSelector:@selector(scale)] == YES && [[UIScreen mainScreen] scale] == 2.00)

...
UIGraphicsBeginImageContextWithOptions(CGSizeMake(sz.width, sz.height), NO, 0.0);

if (IS_RETINA_DISPLAY())
{
    CGContextDrawImage(ctx, CGRectMake(0, 0, sz.width/2.0f, sz.height/2.0f), img);
} else
{
    CGContextDrawImage(ctx, CGRectMake(0, 0, sz.width, sz.height), img);
}
UIGraphicsEndImageContext();
...

但我不确定这个鳃会给你一个“顺利”的结果......