Add border to a rounded UIImage

Question

i have a rectangular UIImage and i want make it rounded and with a border, i have found a question on SO to make it rounded and works, this is the code:

- (UIImage*) roundCorneredImage: (UIImage*) orig radius:(CGFloat) r {
    UIGraphicsBeginImageContextWithOptions(orig.size, NO, 0);
    [[UIBezierPath bezierPathWithRoundedRect:(CGRect){CGPointZero, orig.size}
                                cornerRadius:r] addClip];
    [orig drawInRect:(CGRect){CGPointZero, orig.size}];
    UIImage* result = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    return result;
}

but know i'm trying with no result to make a white border around the image how i can do?

http://www.apeth.com/iOSBook/ch15.html teaches you everything you need to perform this simple drawing, and then you won't have to keep copying and pasting other people's code without understanding it — matt, May 22 '14 at 15:12

score 4 · Accepted Answer · answered May 22 '14 at 15:17

Try this :

- (UIImage*) roundCorneredImage: (UIImage*) orig radius:(CGFloat) r {
    UIGraphicsBeginImageContextWithOptions(orig.size, NO, 0);
    UIBezierPath *bezierPath =[UIBezierPath bezierPathWithRoundedRect:(CGRect){CGPointZero, orig.size}
                                                         cornerRadius:r];
    [bezierPath setLineWidth:6.0];
    [[UIColor whiteColor] setStroke];
    [bezierPath stroke];
    [bezierPath addClip];

    [orig drawInRect:(CGRect){CGPointZero, orig.size}];
    UIImage* result = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    return result;
}

score 0 · Answer 2 · answered May 22 '14 at 15:02

0

You can work with the UIImageView in which it's displayed in the following way:

UIImageView *anImageView = [[UIImageView alloc] initWithImage:[UIImage imageName:@"your_image"]]; 
anImageView.layer.masksToBounds = YES;
anImageView.layer.borderWidth = 0.5f;
anImageView.layer.borderColor = [UIColor darkGrayColor].CGColor;
anImageView.layer.cornerRadius = 8.0f;

answered May 22 '14 at 15:02

Barbara R

1,057
5
18

i doesn't need a UIImageView, i need a UIImage – Piero May 22 '14 at 15:03

Add border to a rounded UIImage

2 Answers2