DEVELOPER.XIAOYAOLI
技术笔记
简单的利用UIImagePickerController调用iPhone摄像头获取照片的方法,同时介绍了怎么添加overlay,用于自定义预览界面
UIImagePickerController是一种获取摄像头照片取景器的方法,简单的实现方法如下,我加了主要的注释,注意添加
<UIImagePickerControllerDelegate,UINavigationControllerDelegate>这两个代理
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
|
- (IBAction)cameraBtn:(id)sender
{
UIImagePickerController *imagePicker = [[UIImagePickerController alloc] init];
imagePicker.delegate = self;
imagePicker.sourceType = UIImagePickerControllerSourceTypeCamera;//获取类型是摄像头,还可以是相册
imagePicker.modalTransitionStyle = UIModalTransitionStyleCoverVertical;
imagePicker.allowsEditing = NO;//如果为NO照出来的照片是原图,比如4s和5的iPhone出来的尺寸应该是(2000+)*(3000+),差不多800W像素,如果是YES会有个选择区域的方形方框
// imagePicker.showsCameraControls = NO;//默认是打开的这样才有拍照键,前后摄像头切换的控制,一半设置为NO的时候用于自定义ovelay
// UIImageView *overLayImg = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 320, 640)];
// overLayImg.image = [UIImage imageNamed:@"overlay.png"];
// imagePicker.cameraOverlayView = overLayImg;//3.0以后可以直接设置cameraOverlayView为overlay
// imagePicker.wantsFullScreenLayout = YES;
[self presentModalViewController:imagePicker animated:YES];
}
|
这个代码就可以实现拍照功能了,如果把注释掉的代码加上就可以添加overlayview,比如十字准星,条形码扫描框之类的
那么,如何处理获得的图像呢?利用下面的这个代理方法
– (void) imagePickerController:(UIImagePickerController *)picker didFinishPickingMediaWithInfo:(NSDictionary *)info { UIImage *image= [info objectForKey:@”UIImagePickerControllerOriginalImage”];//可以打印一下这个info,如果用的是可编辑的,那就获取editedImage,不是OriginalImage NSData *data = UIImageJPEGRepresentation(image, 1);//转换成JPEG编码 UIImage *finalImg = [[UIImage imageWithData:data] fixOrientation]; [self saveImage:finalImg WithName:@”salesImageBig.jpg”]; [self dismissModalViewControllerAnimated:YES]; }
大致这些就可以实现拍照获取照片功能了。
关于OVERLAY的补充
这里要补充一点,overlay的添加原理虽然很简单,但是实际应用的时候会遇到一些问题,先说从摄像头取照片儿时的情况
1
|
imagePicker.sourceType = UIImagePickerControllerSourceTypeCamera;
|
这个时候没有状态栏,经过测试(没找到文档),Edit状态的裁剪窗口是320*320的,Y是75所以我可以精确的把overlay匹配位置
如果是album获取的,是不可以在创建UIImagePicker的时候设置overlay的,因为cameraOverlayView顾名思义就是为摄像头准备的,所以要通过UINavigationController的代理方法判断层级后在当前层级添加overlay
此外这里就不是75了,是95,因为album取景是有状态栏的,就像文章最开始的图片
实现方法:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
- (void)navigationController:(UINavigationController *)navigationController didShowViewController:(UIViewController *)viewController animated:(BOOL)animated {
if ( [navigationController.viewControllers count] == 3 ) {
//添加自定义信息层
CameraOverLayFrameView *overLayView = [[[NSBundle mainBundle] loadNibNamed:@"CameraOverLayFrameView" owner:self options:nil] objectAtIndex:0];
CGRect theOverLayFrame = CGRectMake(30, 95, 260, 320);
[overLayView setFrame:theOverLayFrame];
[viewController.view addSubview:overLayView];
}
}
|
至于为什么是3,试一试就知道了,这一层是navigation推入的第三级视图
这样看似大功告成了,但事实上会发现在edit模式里这个overLayerView阻挡了移动和拖拽的手势,想当然的设定userInterface也没用,所以需要在自定义的overLayView里实现这个方法:
1
2
3
4
5
6
7
|
- (BOOL)pointInside:(CGPoint)point withEvent:(UIEvent *)event
{
return NO;
}
|
这样就大功告成了