3

我想制作一个类似于您在此处第一个单元格右侧看到的效果:

在此处输入图像描述

我猜它是某种带有渐变的叠加视图,但我只是无法弄清楚它是如何配置透明度的。我尝试使用渐变制作自己的叠加视图并将颜色的 alpha 设置为向下,但它只是显示为灰白色渐变。

CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();
    CGContextRef context = UIGraphicsGetCurrentContext();

    UIColor *gradBegin = [UIColor colorWithWhite:1.0 alpha:0.8];
    UIColor *gradEnd = [UIColor colorWithWhite:1.0 alpha:0.6];
    NSArray* gradientColors = [NSArray arrayWithObjects: 
                               (id)gradBegin.CGColor, 
                               (id)gradEnd.CGColor, nil];
    CGFloat gradientLocations[] = {0, 1};

    CGGradientRef gradient = CGGradientCreateWithColors(colorSpace, (__bridge CFArrayRef)gradientColors, gradientLocations);

    CGContextDrawLinearGradient(context, gradient, CGPointMake(rect.origin.x, rect.origin.y + rect.size.height/2.0), 
                                CGPointMake(rect.origin.x + rect.size.width, rect.origin.y + rect.size.height/2.0), 0);

此屏幕截图中到底发生了什么,我该如何复制它?

4

3 回答 3

2

虽然这当然可以使用 Core Graphics 来完成,但将具有适当宽度和 1 像素高度的透明 PNG 添加到您的项目中,然后将 aUIImageView在表格单元格中的内容上放置以创建这种效果,会更加容易。

于 2012-05-15T15:59:10.723 回答
2

我写了一个简单的 UIView 类,它会自己绘制褪色。它是一个基本的 UIView,覆盖了 drawRect:

- (void)drawRect:(CGRect)rect
{
    CGColorSpaceRef colourSpace = CGColorSpaceCreateDeviceRGB();
    CGContextRef context = UIGraphicsGetCurrentContext();

    UIColor* gradBegin = [UIColor colorWithWhite:1 alpha:0];
    UIColor* gradEnd = [UIColor colorWithWhite:1 alpha:1];
    NSArray* gradColours = [NSArray arrayWithObjects:
                                    (id)gradBegin.CGColor,
                                    (id)gradBegin.CGColor,
                                    (id)gradEnd.CGColor,
                                    (id)gradEnd.CGColor, nil];
    CGFloat gradLocs[] = { 0, 0.5, 0.9, 1 };
    CGGradientRef gradient = CGGradientCreateWithColors(colourSpace, (__bridge CFArrayRef)gradColours, gradLocs);
    CGContextDrawLinearGradient(context, gradient, CGPointMake(0, 0), CGPointMake(self.frame.size.width, 0), 0);
    CGGradientRelease(gradient);
    CGColorSpaceRelease(colourSpace);
}

如果覆盖在您的视图上并且视图的背景是白色的,则此方法有效。

于 2012-05-15T18:21:39.723 回答
1

您问题中的渐变绘制代码看起来不错,尽管我还没有测试过。我建议设置gradBegin.alpha = 0gradEnd.alpha = 1. 此外,最后一行可以简化:

CGContextDrawLinearGradient(context, gradient, rect.origin,
    CGPointMake(CGRectGetMaxX(rect), rect.origin.y, 0);

别忘了CGGradientRelease(gradient)

无论如何,除此之外,您需要设置overlayView.opaque = NO.

于 2012-05-15T17:05:13.270 回答