CODEWITHSUNDEEP
objective-cios4
Arcadian
Arcadian

Reputation: 4350

objective-c: draw line on top of UIImage or UIImageView

How do I draw a simple line on top of a UIImage or UIImageView?

Upvotes: 6

Views: 11521

Answers (2)

Niklas
Niklas

Reputation: 1331

For Swift 3.0

    UIGraphicsBeginImageContext(originalImage.size)
    originalImage.draw(at: CGPoint(x: 0, y: 0))
    let context = UIGraphicsGetCurrentContext()!
    context.setLineWidth(2)
    context.move(to: CGPoint(x: 0, y: originalImage.size.height - 2))
    context.addLine(to: CGPoint(x: originalImage.size.width, y: originalImage.size.height - 2))
    context.setStrokeColor(UIColor.red.cgColor)
    context.strokePath()
    let finalImage = UIGraphicsGetImageFromCurrentImageContext()
    UIGraphicsEndImageContext()

Upvotes: -1

Craz
Craz

Reputation: 8226

The following code works by creating a new image the same size as the original, drawing a copy of the original image onto the new image, then drawing a 1 pixel line along to the top of the new image.

// UIImage *originalImage = <the image you want to add a line to>
// UIColor *lineColor = <the color of the line>

UIGraphicsBeginImageContext(originalImage.size);

// Pass 1: Draw the original image as the background
[originalImage drawAtPoint:CGPointMake(0,0)];

// Pass 2: Draw the line on top of original image
CGContextRef context = UIGraphicsGetCurrentContext();
CGContextSetLineWidth(context, 1.0);
CGContextMoveToPoint(context, 0, 0);
CGContextAddLineToPoint(context, originalImage.size.width, 0);
CGContextSetStrokeColorWithColor(context, [lineColor CGColor]);
CGContextStrokePath(context);

// Create new image
UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext();

// Tidy up
UIGraphicsEndImageContext();

Alternatively, you could create the line as a CAShapeLayer then add it as a subview to the UIImageView (see this answer).

Upvotes: 15

Related Questions