编辑时如何在UIImagePickerControllerSourceTypePhotoLibrary中添加图像叠加层？

问题描述

| 我尝试到处寻找答案，但是找不到任何有用的信息。 基本上，我希望用户从相册中选择一张图片，然后让该应用以编辑/裁剪模式显示该图片。 在此编辑屏幕上，我想显示一个覆盖屏幕，供用户用来对齐其图像。 然后，他单击“保存”按钮，该按钮仅通过合并图像即可将编辑后的图片与叠加图像一起保存。 我唯一找不到的方法是在编辑屏幕中添加叠加图像！ 在以下情况下，我可以轻松完成此操作：

imagePicker.sourceType = UIImagePickerControllerSourceTypeCamera;

但当：

imagePicker.sourceType = UIImagePickerControllerSourceTypePhotoLibrary;

我不能使用：

imagePicker.cameraOverlayView = overlayGraphicView;

那是我的问题。 同样，如果我添加一个UIimage作为子视图，而不是该叠加层，即使用户从相册中选择其图像，它也将保留在屏幕上。我只希望在选择图像进行编辑之后以及编辑完成后将其保存到相册之前显示该叠加层。 谢谢你的帮助。 继承方法：

- (IBAction)pickPhotoButton:(id)sender {
    NSLog(@\"Pick a Current Photo Button Pressed...\");

    // Create image picker controller
    UIImagePickerController *imagePicker = [[UIImagePickerController alloc] init];

    // Set source to the camera
    imagePicker.sourceType = UIImagePickerControllerSourceTypePhotoLibrary;

    // Delegate is self
    imagePicker.delegate = self;

    // Allow editing of image ?
    imagePicker.allowsEditing = YES;

    // Show image picker
    [self presentModalViewController:imagePicker animated:YES]; 
}

这是我的保存到相册方法：

// Save the image to photo album
- (void) imagePickerController:(UIImagePickerController *)picker didFinishPickingMediaWithInfo:(NSDictionary *)info
{    
    // Access the uncropped image from info dictionary
    UIImage *image = [info objectForKey:@\"UIImagePickerControllerEditedImage\"];

    // Combine image with overlay before saving!!
    image = [self addOverlayToImage:image];

    // Save image
    UIImageWriteToSavedPhotosAlbum(image,self,@selector(image:didFinishSavingWithError:contextInfo:),nil);

    [picker release];
}

    

解决方法

您可以成为

UIImagePickerController

对象的代表，并敏锐地观察

UINavigationControllerDelegate

方法-

navigationController:didShowViewController:animated:

和

navigationController:willShowViewController:animated:

。您可以知道第二个视图控制器何时启动，然后将叠加层添加到视图控制器的视图中。用法示例如下所示–

- (void)navigationController:(UINavigationController *)navigationController didShowViewController:(UIViewController *)viewController animated:(BOOL)animated {
    if ( [navigationController.viewControllers count] == 2 ) {
        overlayView.center = CGPointMake(135,135);
        overlayView.bounds = CGRectZero;

        [viewController.view addSubview:overlayView];

        [UIView beginAnimations:@\"animateTableView\" context:nil];
        [UIView setAnimationDuration:0.4];
        [overlayView setFrame:CGRectMake( 50,50,220,220)];
        [UIView commitAnimations];
    }
}

    ,您可以使用以下自定义方法将叠加层添加到Imagepickercontroller 在您的类名“ 10”文件中定义

@property (nonatomic,retain) UIImagePickerController*      m_Pickercontroller;
@property(nonatomic,retain) UIView *cameraOverlayView;


 In yourclassname.m file

-(void)Loadcaptureview
{
   //Allocating Image Picker Controller 
    m_Pickercontroller=[[UIImagePickerController alloc] init ];
    m_Pickercontroller.delegate=self;
    m_Pickercontroller.allowsEditing=YES;
    m_Pickercontroller.sourceType=UIImagePickerControllerSourceTypeCamera;
    m_Pickercontroller.view.frame=CGRectMake(0,320,300); 

    UIButton*Clickbutton=[[UIButton alloc] initWithFrame:CGRectMake(50,200,60,60)];
    [Clickbutton setImage:[UIImage imageNamed:@\"red-circle-button.png\"] forState:UIControlStateNormal];
    [Clickbutton addTarget:self action:@selector(clicked:) forControlEvents:UIControlEventTouchUpInside];

    image1=[[UIImageView alloc] initWithFrame:CGRectMake(50,400,60)];
    image1.image=[UIImage imageNamed:@\"red-circle-button.png\"];

    [m_Pickercontroller.cameraOverlayView addSubview:Clickbutton];
    [m_Pickercontroller.cameraOverlayView addSubview:image1];
    [m_Pickercontroller.cameraOverlayView bringSubviewToFront:image1];

    //Hiding the Camera Control
    m_Pickercontroller.showsCameraControls=NO;

    //Presenting the imagepicker Controller to Present Modal view Controller
    [self.navigationController presentModalViewController:m_Pickercontroller animated:YES];
    }

  // Calling the Function

  - (void)viewDidLoad
  {

   [self Loadcaptureview];

   }