ios - create - uiimage frame swift 4

¿Cómo fusionar dos UIImages?

Question

Estoy tratando de fusionar dos imágenes diferentes y crear una nueva. Así es como me gustaría hacer: tengo esta imagen (A):

Es una imagen PNG y me gustaría fusionarla con otra imagen (B) que tomé del teléfono para crear algo como esto:

Necesito una función que combine A con B creando C. El tamaño debe permanecer de la imagen A y la imagen B debe adaptarse automáticamente al tamaño para que quepa en la polaroid (A). ¿Es posible hacer eso? ¡Gracias por tu ayuda!

ACTUALIZACIÓN Solo una cosa, la imagen (A) es un cuadrado y la imagen que tomé es un 16: 9, ¿cómo puedo arreglar eso? Si uso su función, la imagen (B) que tomé se estira.

Answer 1

De esta manera la imagen superpuesta será mucho más limpia

class func mergeImages(imageView: UIImageView) -> UIImage {
UIGraphicsBeginImageContextWithOptions(imageView.frame.size, false, 0.0)
imageView.superview!.layer.renderInContext(UIGraphicsGetCurrentContext()!)
let image = UIGraphicsGetImageFromCurrentImageContext()
UIGraphicsEndImageContext()
return image
}

Answer 2

Espero que esto te pueda ayudar,

var bottomImage = UIImage(named: "bottom.png")
var topImage = UIImage(named: "top.png")
var size = CGSize(width: 300, height: 300)
UIGraphicsBeginImageContext(size)
let areaSize = CGRect(x: 0, y: 0, width: size.width, height: size.height)
bottomImage!.draw(in: areaSize)
topImage!.draw(in: areaSize, blendMode: .normal, alpha: 0.8)
var newImage:UIImage = UIGraphicsGetImageFromCurrentImageContext()!
UIGraphicsEndImageContext()

Todo lo mejor :)

Answer 3

La respuesta upvote estira la imagen de fondo cambiando su relación. La siguiente solución lo soluciona al representar la imagen desde una vista UIV que contiene las dos vistas de imagen como subvistas.

RESPUESTA QUE ESTÁ BUSCANDO (Swift 4):

func blendImages(_ img: UIImage,_ imgTwo: UIImage) -> Data? {
let bottomImage = img
let topImage = imgtwo
let imgView = UIImageView(frame: CGRect(x: 0, y: 0, width: 306, height: 306))
let imgView2 = UIImageView(frame: CGRect(x: 0, y: 0, width: 306, height: 306))
// - Set Content mode to what you desire
imgView.contentMode = .scaleAspectFill
imgView2.contentMode = .scaleAspectFit
// - Set Images
imgView.image = bottomImage
imgView2.image = topImage
// - Create UIView
let contentView = UIView(frame: CGRect(x: 0, y: 0, width: 306, height: 306))
contentView.addSubview(imgView)
contentView.addSubview(imgView2)
// - Set Size
let size = CGSize(width: 306, height: 306)
// - Where the magic happens
UIGraphicsBeginImageContextWithOptions(size, true, 0)
contentView.drawHierarchy(in: contentView.bounds, afterScreenUpdates: true)
guard let i = UIGraphicsGetImageFromCurrentImageContext(),
let data = UIImageJPEGRepresentation(i, 1.0)
else {return nil}
UIGraphicsEndImageContext()
return data
}

Los datos de imagen devueltos duplican el tamaño de la imagen, por lo tanto, configure el tamaño de las vistas a la mitad del tamaño deseado.

• EJEMPLO: Quería que el ancho y alto de la imagen fuera 612 , así que configuré el ancho y alto de los marcos de vista en 306 ) // Disfrutar :)

Answer 4

Versión de Objective C de esta solución con la lógica superior centrada en la imagen:

-(UIImage *)getImageInclosedWithinAnotherImage
{
float innerImageSize = 20;
UIImage *finalImage;
UIImage *outerImage = [UIImage imageNamed:@"OuterImage.png"];
UIImage *innerImage = [UIImage imageNamed:@"InnerImage.png"];
CGSize outerImageSize = CGSizeMake(40, 40); // Provide custom size or size of your actual image
UIGraphicsBeginImageContext(outerImageSize);
//calculate areaSize for re-centered inner image
CGRect areSize = CGRectMake(((outerImageSize.width/2) - (innerImageSize/2)), ((outerImageSize.width/2) - (innerImageSize/2)), innerImageSize, innerImageSize);
[outerImage drawInRect:CGRectMake(0, 0, outerImageSize.width, outerImageSize.height)];
[innerImage drawInRect:areSize blendMode:kCGBlendModeNormal alpha:1.0];
finalImage = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
return finalImage;
}

Answer 5

Swift 4 UIImage extensión que permite unir / superponer fácilmente la imagen.

extension UIImage {
func overlayWith(image: UIImage, posX: CGFloat, posY: CGFloat) -> UIImage {
let newWidth = size.width < posX + image.size.width ? posX + image.size.width : size.width
let newHeight = size.height < posY + image.size.height ? posY + image.size.height : size.height
let newSize = CGSize(width: newWidth, height: newHeight)
UIGraphicsBeginImageContextWithOptions(newSize, false, 0.0)
draw(in: CGRect(origin: CGPoint.zero, size: size))
image.draw(in: CGRect(origin: CGPoint(x: posX, y: posY), size: image.size))
let newImage = UIGraphicsGetImageFromCurrentImageContext()!
UIGraphicsEndImageContext()
return newImage
}
}

Answer 6

 let imagePickerController = UIImagePickerController()
imagePickerController.delegate = self
let actionSheet = UIAlertController(title: "Photo Source",
message: "Choose a source", preferredStyle: .actionSheet)
actionSheet.addAction(UIAlertAction(title: "Camera",
style:.default, handler: {(action: UIAlertAction)in
if UIImagePickerController.isSourceTypeAvailable(.camera){
imagePickerController.sourceType = .camera
self.present(imagePickerController,
animated: true,completion: nil)
}
else{
print("camera is not available")
}
}))
actionSheet.addAction(UIAlertAction(title: "Photo Library",
style:.default, handler: {(action: UIAlertAction)in
imagePickerController.sourceType = .photoLibrary
self.present(imagePickerController, animated: true,
completion: nil)
}))
actionSheet.addAction(UIAlertAction(title: "Cancle",
style: .cancel, handler: nil))
self.present(actionSheet, animated: true, completion: nil)
func imagePickerController(_ picker:UIImagePickerController,
didFinishPickingMediaWithInfo info: [String : Any])
{
let image = info[UIImagePickerControllerOriginalImage] as! UIImage
myImage.image = image
picker.dismiss(animated: true, completion: nil)
}
func imagePickerControllerDidCancel(_ picker: UIImagePickerController) {
picker.dismiss(animated: true, completion: nil)
}