2013-12-15 2 views
9

Я знаю, что это было задано несколько раз, но я не могу найти ответ.Использование cameraOverlayView с UIImagePickerController

У меня есть приложение, которое использует UIImagePickerController, чтобы сделать снимок. Проблема заключается в том, что я хочу только вариант камеры будет доступен, и я понимаю, что мне нужно, чтобы скрыть стандартные элементы управления:

cameraUI.showsCameraControls=NO; 

и использовать cameraOverlayView, чтобы обеспечить свои собственные элементы управления. Я уже посмотрел на проект Apple PhotoPicker, и моя первоначальная проблема заключается в том, как я могу получить объект Overlay на своем раскадровке? Я не могу найти такой объект в библиотеке. Любая помощь с благодарностью получила.

ответ

14

Вот код:

toolBar=[[UIToolbar alloc] initWithFrame:CGRectMake(0, self.view.frame.size.height-54, self.view.frame.size.width, 55)]; 

toolBar.barStyle = UIBarStyleBlackOpaque; 
NSArray *items=[NSArray arrayWithObjects: 
       [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemCancel target:self action:@selector(cancelPicture)], 
       [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemFlexibleSpace target:nil action:nil], 
       [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemCamera target:self action:@selector(shootPicture)], 
       [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemFlexibleSpace target:nil action:nil], 
       [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemFlexibleSpace target:nil action:nil], 
       nil]; 
[toolBar setItems:items]; 

// create the overlay view 
overlayView = [[OverlayView alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height-44)]; 

// important - it needs to be transparent so the camera preview shows through! 
overlayView.opaque=NO; 
overlayView.backgroundColor=[UIColor clearColor]; 

// parent view for our overlay 
UIView *cameraView=[[UIView alloc] initWithFrame:self.view.bounds]; 
[cameraView addSubview:overlayView]; 
[cameraView addSubview:toolBar]; 

imagePickerController = [[UIImagePickerController alloc] init]; 

if ([UIImagePickerController isSourceTypeAvailable:UIImagePickerControllerSourceTypeCamera] == NO){ 
    NSLog(@"Camera not available"); 
    return; 
} 
imagePickerController.sourceType = UIImagePickerControllerSourceTypeCamera; 
imagePickerController.delegate = self; 

// hide the camera controls 
imagePickerController.showsCameraControls=NO; 
imagePickerController.wantsFullScreenLayout = YES; 
[imagePickerController setCameraOverlayView:cameraView]; 

[self presentViewController:imagePickerController animated:YES completion:nil]; 

Объявите это в файле заголовка:

UIImagePickerController * imagePickerController; 
UIToolbar *toolBar; 
OverlayView *overlayView; 

Добавить OverlayView.h и .m класса из яблок PhotoPicker.

действия для захвата фото с помощью кнопки для камеры:

-(void) shootPicture { 
    [imagePickerController takePicture]; 
} 

- (IBAction)cancelPicture { 
    [self dismissViewControllerAnimated:YES completion:nil]; 
} 

Выходной сигнал будет поступать, как этот ниже прилагается скриншот (я добавил кнопку съемки и кнопка отмены в режим просмотра наложения):

enter image description here

Happy Code:

+1

Можете ли вы дать некоторые подробности о том, где этот OverlayView класс приходит? –

+0

Я думаю, что класс OverlayView - это еще один UIView? – cdub

1

Вот мой код. Если вы хотите, чтобы камера появилась, как только откроется контроллер просмотра, убедитесь, что вы инициализируете UIImagePickerController в viewDidAppear, как я (viewDidLoad не работает).

@interface CameraViewController() 
@property UIImagePickerController *PickerController; 
@property CGFloat HeightOfButtons; 
@end 


- (UIView *)createCustomOverlayView 
{ 

    // Main overlay view created 
    UIView *main_overlay_view = [[UIView alloc] initWithFrame:self.view.bounds]; 

    // Clear view (live camera feed) created and added to main overlay view 
    // ------------------------------------------------------------------------ 
    UIView *clear_view = [[UIView alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height - self.HeightOfButtons)]; 
    clear_view.opaque = NO; 
    clear_view.backgroundColor = [UIColor clearColor]; 
    [main_overlay_view addSubview:clear_view]; 
    // ------------------------------------------------------------------------ 


    // Creates two red buttons on the bottom of the view (on top of the live camera feed) 
    // Then adds the buttons to the main overlay view 
    // You can, of course, customize these buttons however you want 
    // ------------------------------------------------------------------------ 
    for(int i = 0; i < 2; i++) { 
     self.HeightOfButtons = 100; 
     UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom]; 
     // when a button is touched, UIImagePickerController snaps a picture 
     [button addTarget:self action:@selector(testIfButtonResponds) forControlEvents:UIControlEventTouchUpInside]; 
     button.frame = CGRectMake(i * self.view.frame.size.width/2, self.view.frame.size.height - self.HeightOfButtons, self.view.frame.size.width/2, self.HeightOfButtons); 
     [button setBackgroundColor:[UIColor redColor]]; 
     [main_overlay_view addSubview:button]; 
    } 
    // ------------------------------------------------------------------------ 

    return main_overlay_view; 
} 

- (void)makeCustomCameraAppear 
{ 
    self.PickerController = [[UIImagePickerController alloc] init]; 
    self.PickerController.sourceType = UIImagePickerControllerSourceTypeCamera; 
    self.PickerController.showsCameraControls = NO; 
    self.PickerController.delegate = self; 

    UIView *overlay_view = [self createCustomOverlayView]; 
    [self.PickerController setCameraOverlayView:overlay_view]; 

    [self presentViewController:self.PickerController animated:YES completion:NULL]; 
} 

- (void)viewDidAppear:(BOOL)animated 
{ 
    [self makeCustomCameraAppear]; 
} 
0

отличная информация. Для того, чтобы добавить немного к тому, что Raghu сделал:

наверху:

UIImagePicker *_imagePicker; 

//inside your take a picture method 
UIToolbar *toolBar=[[UIToolbar alloc]initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, 100)]; 
toolBar.barStyle = UIBarStyleBlackOpaque; 
NSArray *items=[NSArray arrayWithObjects: 
       [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemCancel target:self action:@selector(cancelPicker)], 
       [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemFlexibleSpace target:nil action:nil], 
       [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemCamera target:self action:@selector(shootPicture)], 
       [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemFlexibleSpace target:nil action:nil], 
       [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemFlexibleSpace target:nil action:nil], 
       nil]; 
[toolBar setItems:items]; 
toolBar.backgroundColor=[UIColor blackColor]; 



UIImageView *tp=[[UIImageView alloc]initWithFrame:CGRectMake(0, self.view.frame.size.height-100, self.view.frame.size.width, 100)]; 

tp.userInteractionEnabled=YES; 
tp.backgroundColor=[UIColor blackColor]; 

[tp addSubview:toolBar]; //add the toolbar to the uiimageview 

_imagePicker=[[UIImagePickerController alloc]init]; 
_imagePicker.sourceType=UIImagePickerControllerSourceTypeCamera; 
_imagePicker.delegate = self; 
_imagePicker.showsCameraControls=NO; //we will make custom controls. 
[_imagePicker.view addSubview:tp]; 



-(void)cancelPicker{ 
//get rid of the image picker 
[self dismissViewControllerAnimated:YES completion:nil]; //dismiss uiimagepicker 
_imagePicker=nil; 
} 

//take the picture, it will then go directly to - (void)imagePickerController:(UIImagePickerController *)picker didFinishPickingMediaWithInfo:(NSDictionary *)info method 
-(void)shootPicture{ 
[_imagePicker takePicture]; 
}