iPhone：在Image的透明部分设置imageView

Question

I am making an application in which user will be allowed to select a photo frame firstly and after that he/she can have to select 2 photos from gallery for that photo frame (photo frame is an image which coontains two transparent holes in which we have to set the selected photos)and he/she can crop these image according to them.And after he/she is done with cropping a new view will get open with that selected photo frame and those two cropped images will be set in those two transparent whole. I have finished till the cropping is done.

Question

How to set those two images in the transparent portion so that it will show properly in all the devices and the transparent portion keeps changing according to the photo frames the user will select.

Answer 1

Add new image on view. Add gesture to move and resize (zoom) new image, set perfect position for new image (ie at centre of frame), Then send image view to back side of you main image view. After that render both view, and make new image with UIGraphicsContext.

I have render code for you.

    UIGraphicsBeginImageContextWithOptions(self.viewCombineImages.bounds.size, false, 0.0)
    self.viewCombineImages.layer.render(in: UIGraphicsGetCurrentContext()!)
    let image = UIGraphicsGetImageFromCurrentImageContext()!
    UIGraphicsEndImageContext()

Answer 2

As per your requirement here you can set 3 ImageView.

1. Image view with Person1 Image.
2. Image View with Person2 Image.
3. Image View with Frame Image.

so the stack of subview is like UIViewController->UIView->Person Image View1, Person ImageView 2 -> Frame Image View .

Like this screenshot.

And did not need transparent image position just do both image size half of the frame and set it below frame image view and you can achieve this like my screenshot.

Answer 3

If above frame is .png file, it is possible to make transparent those parts. I thought you need three UIImageViews.

upper - decoration frame under - person1's image view / person2's image view.

If user select two images, apply each picture on image view. And adjust those size and coordinate. You can use

[person1ImageView setFrame:CGRectMake(x,y,width,height)]; 

Also, you can rotate those by using

person1ImageView.transform =  CGAffineTransformMakeRotation(radians);