Máy ảnh UIImagePickerController tùy chỉnh iOS Cắt thành hình vuông

Question

Tôi đang cố gắng tạo một máy ảnh như Instagram nơi người dùng có thể nhìn thấy một hộp và hình ảnh sẽ cắt thành hộp đó. Đối với một số lý do máy ảnh không đi tất cả các cách để dưới cùng của màn hình và cắt đứt gần cuối. Tôi cũng tự hỏi làm thế nào tôi sẽ đi về cắt hình ảnh để được 320x320 chính xác bên trong hình vuông đó?

Answer 1

Dưới đây là cách dễ nhất để làm điều đó (không reimplementing UIImagePickerController). Đầu tiên, sử dụng lớp phủ để làm cho trường máy ảnh trông vuông. Dưới đây là một ví dụ cho 3,5" màn hình (bạn sẽ cần phải cập nhật nó để làm việc cho iPhone 5):

UIImagePickerController *imagePickerController = [[UIImagePickerController alloc] init]; 
imagePickerController.sourceType = source; 

if (source == UIImagePickerControllerSourceTypeCamera) { 
    //Create camera overlay 
    CGRect f = imagePickerController.view.bounds; 
    f.size.height -= imagePickerController.navigationBar.bounds.size.height; 
    CGFloat barHeight = (f.size.height - f.size.width)/2; 
    UIGraphicsBeginImageContext(f.size); 
    [[UIColor colorWithWhite:0 alpha:.5] set]; 
    UIRectFillUsingBlendMode(CGRectMake(0, 0, f.size.width, barHeight), kCGBlendModeNormal); 
    UIRectFillUsingBlendMode(CGRectMake(0, f.size.height - barHeight, f.size.width, barHeight), kCGBlendModeNormal); 
    UIImage *overlayImage = UIGraphicsGetImageFromCurrentImageContext(); 
    UIGraphicsEndImageContext(); 

    UIImageView *overlayIV = [[UIImageView alloc] initWithFrame:f]; 
    overlayIV.image = overlayImage; 
    [imagePickerController.cameraOverlayView addSubview:overlayIV]; 
} 

imagePickerController.delegate = self; 
[self presentViewController:imagePickerController animated:YES completion:nil]; 

Sau đó, sau khi bạn nhận được một bức tranh trở lại từ UIImagePickerController, cắt nó thành một hình vuông với một cái gì đó như thế này :.

//Crop the image to a square 
CGSize imageSize = image.size; 
CGFloat width = imageSize.width; 
CGFloat height = imageSize.height; 
if (width != height) { 
    CGFloat newDimension = MIN(width, height); 
    CGFloat widthOffset = (width - newDimension)/2; 
    CGFloat heightOffset = (height - newDimension)/2; 
    UIGraphicsBeginImageContextWithOptions(CGSizeMake(newDimension, newDimension), NO, 0.); 
    [image drawAtPoint:CGPointMake(-widthOffset, -heightOffset) 
        blendMode:kCGBlendModeCopy 
         alpha:1.]; 
    image = UIGraphicsGetImageFromCurrentImageContext(); 
    UIGraphicsEndImageContext(); 
} 

Và bạn đã hoàn tất

Answer 2

@Anders câu trả lời là rất chặt chẽ để điều chỉnh đối với tôi trên iPhone 5. tôi đã thay đổi sau đây để thêm lớp phủ hardcoded cho iPhone 5:

CGRect f = imagePickerController.view.bounds; 
f.size.height -= imagePickerController.navigationBar.bounds.size.height; 
UIGraphicsBeginImageContext(f.size); 
[[UIColor colorWithWhite:0 alpha:.5] set]; 
UIRectFillUsingBlendMode(CGRectMake(0, 0, f.size.width, 124.0), kCGBlendModeNormal); 
UIRectFillUsingBlendMode(CGRectMake(0, 444, f.size.width, 52), kCGBlendModeNormal); 
UIImage *overlayImage = UIGraphicsGetImageFromCurrentImageContext(); 
UIGraphicsEndImageContext(); 

UIImageView *overlayIV = [[UIImageView alloc] initWithFrame:f]; 
overlayIV.image = overlayImage; 
overlayIV.alpha = 0.7f; 
[imagePickerController setCameraOverlayView:overlayIV];` 

Tôi hy vọng điều này sẽ giúp ai đó.