web-dev-qa-db-fra.com

iPhone: superposition d'aperçu de l'appareil photo

Comment ajouter une superposition (UIImageView) à l'aperçu de la caméra et gérer les touches à ce sujet?

Mes précédentes tentatives pour le faire (par exemple, utiliser UIImagePickerController et ajouter l'image en tant que sous-vue) ont échoué.

43
Stefan

Ce tutoriel l'explique: http://www.musicalgeometry.com/?p=821

Ajoutez simplement une UIImage dans la vue de superposition au lieu de la zone rouge indiquée dans le didacticiel.

37
dtt101

Pour votre dossier d'implémentation:

- (IBAction)TakePicture:(id)sender {

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

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

        // Delegate is self
        imagePicker.delegate = self;

        OverlayView *overlay = [[OverlayView alloc] initWithFrame:CGRectMake(0, 0, 320, 480)];     

        // Insert the overlay:
        imagePicker.cameraOverlayView = overlay;

       // Allow editing of image ?
        imagePicker.allowsImageEditing = YES;
        [imagePicker setCameraDevice:
        UIImagePickerControllerCameraDeviceFront];
        [imagePicker setAllowsEditing:YES];
        imagePicker.showsCameraControls=YES;
        imagePicker.navigationBarHidden=YES;
        imagePicker.toolbarHidden=YES;
        imagePicker.wantsFullScreenLayout=YES;

        self.library = [[ALAssetsLibrary alloc] init];

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

Créez une classe UIView et ajoutez ce code

    - (id)initWithFrame:(CGRect)frame
    {
        self = [super initWithFrame:frame];
        if (self) {
            // Initialization code


            // Clear the background of the overlay:
            self.opaque = NO;
            self.backgroundColor = [UIColor clearColor];

            // Load the image to show in the overlay:
            UIImage *overlayGraphic = [UIImage imageNamed:@"overlaygraphic.png"];
            UIImageView *overlayGraphicView = [[UIImageView alloc] initWithImage:overlayGraphic];
            overlayGraphicView.frame = CGRectMake(30, 100, 260, 200);
            [self addSubview:overlayGraphicView];

        }
        return self;
    }
10
raj

Vous pourrez peut-être ajouter directement UIImageView comme sous-vue de la fenêtre principale au lieu de UIImagePicker, cela fonctionnera peut-être mieux. Assurez-vous simplement de les ajouter dans le bon ordre ou appelez

[window bringSubviewToFront:imageView];

après que la caméra soit montée.

Si vous voulez gérer les touches sur le UIImageView, vous pouvez simplement ajouter le UIImageView comme sous-vue d'un plein écran normal View avec un arrière-plan transparent, et ajouter cette à la fenêtre à la place, avec une sous-classe normale UIViewController que vous pouvez utiliser pour gérer les événements tactiles.

3
Ed Marty

Voir la vue de superposition de la caméra (disponible dans 3.1 et versions ultérieures)

@property(nonatomic, retain) UIView *cameraOverlayView
2
user363349