Overlay an image over another image in iOS

Question

i am displaying thumbnail images from youtube in my iOS app. which upon click, will go to youtube.

I need a way of overlaying a play button onto those images. What might be the most straightforward way of doing so?

Also, the images are remotely loaded onto a table, so performance is a big consideration

Answer 1

If you are concerned with table scrolling performance, retrieve the thumbnail and paint the play button over it.

+(UIImage*) drawImage:(UIImage*) fgImage               inImage:(UIImage*) bgImage               atPoint:(CGPoint)  point {     UIGraphicsBeginImageContextWithOptions(bgImage.size, FALSE, 0.0);     [bgImage drawInRect:CGRectMake( 0, 0, bgImage.size.width, bgImage.size.height)];     [fgImage drawInRect:CGRectMake( point.x, point.y, fgImage.size.width, fgImage.size.height)];     UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext();     UIGraphicsEndImageContext();      return newImage; } 

Answer 2

Swift 2.2 Version

  static func drawImage(image foreGroundImage:UIImage, inImage backgroundImage:UIImage, atPoint point:CGPoint) -> UIImage{     UIGraphicsBeginImageContextWithOptions(backgroundImage.size, false, 0.0)     backgroundImage.drawInRect(CGRectMake(0, 0, backgroundImage.size.width, backgroundImage.size.height))     foreGroundImage .drawInRect(CGRectMake(point.x, point.y, foreGroundImage.size.width, foreGroundImage.size.height))     let newImage = UIGraphicsGetImageFromCurrentImageContext()     UIGraphicsEndImageContext()     return newImage   }