Как рисовать линии сетки, когда камера открыта avcapturemanager

Question

Я хочу отобразить линию сетки, как та, которая появляется, когда камера открыта. Я использую AVCaptureManager. Должен ли я использовать основную графику для рисования линий сетки? Каков размер этих линий сетки?

Спасибо

Answer 1

Вы действительно можете добавить пользовательский вид в качестве наложения поверх вида камеры, чтобы нарисовать сетку с помощью QuartzCore.

Вот как я это сделал в своем приложении Subvision:

Код, который я использую для рисования (примечание: моя сетка настраивается, поэтому она может быть 10x10, 2x2 и т. Д.):

// -------------------------------------------------------------------------------
// Used for drawing the grids ontop of the view port
// -------------------------------------------------------------------------------
- (void)drawRect:(CGRect)rect
{
    CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextSetLineWidth(context, 0.5);
    CGContextSetStrokeColorWithColor(context, [UIColor whiteColor].CGColor);

    // ---------------------------
    // Drawing column lines
    // ---------------------------

    // calculate column width
    CGFloat columnWidth = self.frame.size.width / (self.numberOfColumns + 1.0);

    for(int i = 1; i <= self.numberOfColumns; i++)
    {
        CGPoint startPoint;
        CGPoint endPoint;

        startPoint.x = columnWidth * i;
        startPoint.y = 0.0f;

        endPoint.x = startPoint.x;
        endPoint.y = self.frame.size.height;

        CGContextMoveToPoint(context, startPoint.x, startPoint.y);
        CGContextAddLineToPoint(context, endPoint.x, endPoint.y);
        CGContextStrokePath(context);
    }

    // ---------------------------
    // Drawing row lines
    // ---------------------------

    // calclulate row height
    CGFloat rowHeight = self.frame.size.height / (self.numberOfRows + 1.0);

    for(int j = 1; j <= self.numberOfRows; j++)
    {
        CGPoint startPoint;
        CGPoint endPoint;

        startPoint.x = 0.0f;
        startPoint.y = rowHeight * j;

        endPoint.x = self.frame.size.width;
        endPoint.y = startPoint.y;

        CGContextMoveToPoint(context, startPoint.x, startPoint.y);
        CGContextAddLineToPoint(context, endPoint.x, endPoint.y);
        CGContextStrokePath(context);
    }
}

В моем классе GridView я определил 2 свойства numberOfRows и numberOfColumns:

#import <UIKit/UIKit.h>

@interface GridView : UIView

@property (nonatomic, assign) int numberOfColumns;
@property (nonatomic, assign) int numberOfRows;

@end

Это означает, что я могу изменить эти два значения и иметь бесконечно настраиваемые деления сетки.

Answer 2

Создайте UIImageView для использования для cameraOverlayView.

Используйте UIImagePickerController и изображение в качестве "линий сетки". При создании файла изображения линии сетки обязательно используйте прозрачный фон, а не непрозрачный белый.

UIImageView *overlayImage = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"overlay.png"]];

CGRect overlayRect = CGRectMake(0, 0, overlayImage.image.size.width, overlayImage.image.size.height);

[overlayImage setFrame:overlayRect];

[yourImagePickerController setCameraOverlayView:overlayImage];