UIImagePickerController获取照片的实现，添加overlay方法 (相机取景框)
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;
}
|
这样就大功告成了
