2

このソリューションを使用して、コーナー半径をUIImageinに適用しましたQuartz。予想通りうまくいきました。

ただし、画像の外側の角の領域は透明ではなく、やや白く着色されています。

Quartzで作られた角の丸いUIImage

上の画像は、不透明で透明でない処理済み画像の左上隅を示しています。

トリミングされたエッジを完全に透明にしたい。どうすればこれを達成できますか？

編集：これをやりたい場合は、UIImageViewすでにこれを行っています。Quartzしたがって、 on UIImageobject notでこれを行いたいことに注意してくださいUIImageView。

解決策:実際には、問題は描画コードにあるのではなく、そのイメージをファイル システムに書き込むことにあります。画像をPNGではなくJPEGとして保存しました。そのため、JPEG にはアルファ フィルターがないため、角が透明ではありませんでした。

4

5 に答える 5

1

通常、UIImage に実装されたカスタム カテゴリを使用して、角の丸い画像をトリミングします。これは、この回答から取得されました。

void addRoundedRectToPath(CGContextRef context, CGRect rect, float ovalWidth, float ovalHeight, BOOL top, BOOL bottom)
{
    float fw, fh;
    if (ovalWidth == 0 || ovalHeight == 0) {
        CGContextAddRect(context, rect);
        return;
    }
    CGContextSaveGState(context);
    CGContextTranslateCTM (context, CGRectGetMinX(rect), CGRectGetMinY(rect));
    CGContextScaleCTM (context, ovalWidth, ovalHeight);
    fw = CGRectGetWidth (rect) / ovalWidth;
    fh = CGRectGetHeight (rect) / ovalHeight;
    CGContextMoveToPoint(context, fw, fh/2);
    CGContextAddArcToPoint(context, fw, fh, fw/2, fh, 0);

    NSLog(@"bottom? %d", bottom);

    if (top) {
        CGContextAddArcToPoint(context, 0, fh, 0, fh/2, 3);
    } else {
        CGContextAddArcToPoint(context, 0, fh, 0, fh/2, 0);
    }

    if (bottom) {
        CGContextAddArcToPoint(context, 0, 0, fw/2, 0, 3);
    } else {
        CGContextAddArcToPoint(context, 0, 0, fw/2, 0, 0);
    }

    CGContextAddArcToPoint(context, fw, 0, fw, fh/2, 0);
    CGContextClosePath(context);
    CGContextRestoreGState(context);
}

- (UIImage *)roundCornersOfImage:(UIImage *)source roundTop:(BOOL)top roundBottom:(BOOL)bottom {
    int w = source.size.width;
    int h = source.size.height;

    CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();
    CGContextRef context = CGBitmapContextCreate(NULL, w, h, 8, 4 * w, colorSpace, kCGImageAlphaPremultipliedFirst);

    CGContextBeginPath(context);
    CGRect rect = CGRectMake(0, 0, w, h);
    addRoundedRectToPath(context, rect, 4, 4, top, bottom);
    CGContextClosePath(context);
    CGContextClip(context);

    CGContextDrawImage(context, CGRectMake(0, 0, w, h), source.CGImage);

    CGImageRef imageMasked = CGBitmapContextCreateImage(context);
    CGContextRelease(context);
    CGColorSpaceRelease(colorSpace);

    return [UIImage imageWithCGImage:imageMasked];    
}
于 2013-01-03T09:14:59.980 に答える
0

これを使用するにはtransparent：

 const float colorMasking[6] = {1.0, 1.0, 0.0, 0.0, 1.0, 1.0};
 yourImage = [UIImage imageWithCGImage: CGImageCreateWithMaskingColors(yourImage.CGImage, colorMasking)];

編集: UIImage カテゴリのメソッドにこの両方の行を追加します

CGContextRef context = UIGraphicsGetCurrentContext();
CGContextClearRect(context, rect);
于 2013-01-03T09:01:02.263 に答える
0

これらの次の行を drawRect メソッドに追加します..

- (void)drawRect:(CGRect)rect {
    CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextClearRect(context, rect);
    ///your another code here
}

Context を作成した後、その Rect から別のコンテキストをクリアする必要があったため、その行の後にこの行を追加しますCGContextClearRect(context, rect);。

于 2013-01-03T09:15:27.423 に答える
0

問題は実際には描画コードにあるのではなく、そのイメージをファイル システムに書き込むことにあるのです。画像をPNGではなくJPEGとして保存しました。そのため、JPEG にはアルファ フィルターがないため、角が透明ではありませんでした。

このコード行を置き換えただけです：

[UIImageJPEGRepresentation(image, 0.75) writeToFile:path atomically:YES];

...これで：

[UIImagePNGRepresentation(image) writeToFile:path atomically:YES];
于 2013-01-03T09:52:11.033 に答える
-1

このコードを試してください

Image.layer.cornerRadius = 10.0;
Image.layer.borderColor = [UIColor blackColor].CGColor;
Image.layer.borderWidth = 0.5;
Image.clipsToBounds = YES;
Image.backgroundColor = [UIColor clearColor];

それがあなたを助けることを願っています

編集 ：-

これを追加するだけでいいと思います:-

Image.clipsToBounds = YES;
于 2013-01-03T08:58:41.020 に答える