自定义二维码View - (Obj-C)

.h文件:

#import <UIKit/UIKit.h>
#import <AVFoundation/AVFoundation.h>
@interface JSPreView : UIView
@property (nonatomic,strong)AVCaptureSession *session;
@end

.m文件:

#import "JSPreView.h"

@interface JSPreView ()
@property (nonatomic,strong)UIImageView *imageView;
@property (nonatomic,strong)UIImageView *lineImageView;
@property (nonatomic,strong)NSTimer *timer;
@end

@implementation JSPreView


/**
 *  重写该方法,将设置视图主layer的创建类型
 *
 *  @return AVCaptureVideoPreviewLayer 特殊的layer 可以展示输入设备采集到得信息
 */
+ (Class)layerClass
{
    return [AVCaptureVideoPreviewLayer class];
}

- (void)setSession:(AVCaptureSession *)session
{
    _session = session;
    
    AVCaptureVideoPreviewLayer *layer = (AVCaptureVideoPreviewLayer *)self.layer;
    layer.session = session;
}

- (instancetype)initWithFrame:(CGRect)frame
{
    if (self = [super initWithFrame:frame]) {
        [self setUiConfig];
    }
    return self;
}

- (void)setUiConfig
{
    //设置背景图片
    _imageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"pick_bg.png"]];
    //设置位置到界面的中间
    _imageView.frame = CGRectMake(self.bounds.size.width * 0.5 - 140, self.bounds.size.height * 0.5 - 140, 280, 280);
    //添加到视图上
    [self addSubview:_imageView];
    
    //初始化二维码的扫描线的位置
    _lineImageView = [[UIImageView alloc] initWithFrame:CGRectMake(30, 10, 220, 2)];
    _lineImageView.image = [UIImage imageNamed:@"line.png"];
    [_imageView addSubview:_lineImageView];
    
    //开启定时器
    _timer = [NSTimer scheduledTimerWithTimeInterval:3 target:self selector:@selector(animation) userInfo:nil repeats:YES];
}

- (void)animation
{
    [UIView animateWithDuration:2.8 delay:0 options:UIViewAnimationOptionCurveLinear animations:^{
        
        _lineImageView.frame = CGRectMake(30, 260, 220, 2);
        
    } completion:^(BOOL finished) {
        _lineImageView.frame = CGRectMake(30, 10, 220, 2);
    }];
}
@end

使用演示:

// 4. 预览Layer
//    self.previewLayer = [AVCaptureVideoPreviewLayer layerWithSession:self.session];
    // 添加到当前视图的Layer中
//    [self.view.layer addSublayer:self.previewLayer];
    // 设置layer的尺寸
//    self.previewLayer.frame = self.view.bounds;
    JSPreView *preview = [[JSPreView alloc]initWithFrame:self.view.bounds];
    preview.session = self.session;
    [self.view addSubview:preview];

将创建预览Layer的操作封装在了自定义的View中,因为需要Session,所以在.h文件中提供管理一个对外Session属性.将原有的添加预览Layer操作换成了添加View视图,其他操作不变,最终的效果就是加了一个边框和上下滚动显示扫描的效果

效果图:

IMG_3393.PNG

自定义二维码View - (Obj-C)

推荐阅读更多精彩内容