3

ここで最初のセルの右側に表示されているような効果を作成したいと思います。

ここに画像の説明を入力

グラデーションを使用したある種のオーバーレイ ビューだと思いますが、透明度がどのように構成されているかわかりません。グラデーションを使用して独自のオーバーレイ ビューを作成し、色のアルファを低く設定しようとしましたが、グレー - ホワイトのグラデーションとして表示されます。

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

色あせて描画する単純なUIViewクラスを作成しました。これは、drawRectがオーバーライドされた基本的なUIViewです。

- (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 に答える
2

これは確かに Core Graphics で実行できますが、透明な PNG を適切な幅と 1 ピクセルの高さでプロジェクトに追加しUIImageView、テーブル セルのコンテンツの上に を配置してこの効果を作成する方がはるかに簡単です。

于 2012-05-15T15:59:10.723 に答える
1

テストしていませんが、質問のグラデーション描画コードは問題ないようです。gradBegin.alpha = 0と設定することをお勧めしますgradEnd.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 に答える