自定義掃描二維碼界面

由于項目需求蛀恩,程序需要實現(xiàn)自定義界面二維碼掃描功能领迈,所以我找了一下系統(tǒng)二維碼掃描的方法算吩。

下面是我封裝代碼:
.h里的代碼:

#import <Foundation/Foundation.h>
#import <AVFoundation/AVFoundation.h>
@interface ZHSearchScanHelper : NSObject <AVCaptureMetadataOutputObjectsDelegate>

@property (strong, nonatomic) void(^ScanBlock)(NSString * str);

/* 輸入輸出中間橋梁 */
@property (strong, nonatomic) AVCaptureSession           * session;
/* 設備 */
@property (strong, nonatomic) AVCaptureDevice            * device;
/* 采集設備輸入 */
@property (strong, nonatomic) AVCaptureDeviceInput       * input;
/* 捕捉元數(shù)據(jù)輸出 */
@property (strong, nonatomic) AVCaptureMetadataOutput    * output;
/* 掃描的View */
@property (strong, nonatomic) UIView                     * scanView;
/* 捕捉視頻預覽層 */
@property (strong, nonatomic) AVCaptureVideoPreviewLayer * layer;
/* 圖層父類 */
@property (strong, nonatomic) UIView                     * superView;


/* 為了做掃描動畫的定時器 */
@property (strong, nonatomic) NSTimer                    * timer;
/* 掃描動畫的橫線 */
@property (strong, nonatomic) UIImageView                * lineImage;

+(instancetype)manager;

-(void)startRunning;
-(void)stopRunning;
-(void)stopSetView;
-(void)showLayer:(UIView *)viewController;
-(void)setscanningRect:(CGRect)scanRect scanView:(UIView *)scanView;

@end

.m里的代碼:

+(instancetype)manager
{
    static ZHSearchScanHelper * manager = nil;
    static dispatch_once_t once_Token;
    dispatch_once(&once_Token, ^{
        manager = [[ZHSearchScanHelper alloc]init];
    });
    return manager;
}


-(instancetype)init
{
    if (self = [super init]) {
    
        // Session初始化
        _session = [[AVCaptureSession alloc]init];
        // 高質(zhì)量采樣率
        [_session setSessionPreset:AVCaptureSessionPresetHigh];
        
        // 避免模擬器運行崩潰
        if (!TARGET_IPHONE_SIMULATOR) {
            
            // Device
            _device = [AVCaptureDevice defaultDeviceWithMediaType:AVMediaTypeVideo];
            
            // Input 輸入流
            _input = [AVCaptureDeviceInput deviceInputWithDevice:_device error:nil];
            if ([_session canAddInput:_input])
            {
                [_session addInput:_input];
            }
            
            // Output 輸出流
            _output = [[AVCaptureMetadataOutput alloc]init];
            // 設置代理 在主線程刷新
            [_output setMetadataObjectsDelegate:self queue:dispatch_get_main_queue()];
            if ([_session canAddOutput:_output])
            {
                [_session addOutput:_output];
            }
            
            // 設置掃碼支持的編碼格式
            // 條碼類型 AVMetadataObjectTypeQRCode
            _output.metadataObjectTypes =@[AVMetadataObjectTypeQRCode,
                                           AVMetadataObjectTypeEAN13Code,
                                           AVMetadataObjectTypeEAN8Code,
                                           AVMetadataObjectTypeCode128Code];
            
            // 更新界面
            _layer = [AVCaptureVideoPreviewLayer layerWithSession:_session];
            _layer.videoGravity = AVLayerVideoGravityResizeAspectFill;
        }
    }
    return self;
}


#pragma mark 方法
// 開始
-(void)startRunning
{
    if (!TARGET_IPHONE_SIMULATOR) {
        [_session startRunning];
    }
}


// 停止
-(void)stopRunning
{
    if (!TARGET_IPHONE_SIMULATOR) {
        [_session stopRunning];
    }
}


#pragma mark delegate
-(void)captureOutput:(AVCaptureOutput *)output didOutputMetadataObjects:(NSArray<__kindof AVMetadataObject *> *)metadataObjects fromConnection:(AVCaptureConnection *)connection
{
    NSString *stringValue;
    
    if (metadataObjects.count > 0) {
        
        AVMetadataMachineReadableCodeObject * metadataObject = [metadataObjects objectAtIndex:0];
        stringValue = metadataObject.stringValue;
        // 傳值
        if (self.ScanBlock) {
            self.ScanBlock(stringValue);
        }
        // 停止
        [self stopSetView];
        
        NSLog(@"%@",stringValue);
    }
}


/* 停止設置 */
-(void)stopSetView
{
    // 結束
    [_session stopRunning];
    // 移除界面
    for (UIView * view in self.superView.subviews) {
        [view removeFromSuperview];
    }
    // 計時器停止
    [_timer invalidate];
    _timer = nil;
}


/*
 設置掃描區(qū)域
 @param scanRect 掃描范圍
 @param scanRect 掃描框
 */
-(void)setscanningRect:(CGRect)scanRect scanView:(UIView *)scanView
{
    CGFloat x,y,width,height;
    
    x = scanRect.origin.y / _layer.frame.size.height;
    y = scanRect.origin.x / _layer.frame.size.width;
    width = scanRect.size.height / _layer.frame.size.height;
    height = scanRect.size.width / _layer.frame.size.width;
    
    _output.rectOfInterest = CGRectMake(x, y, width, height);
    
    self.scanView = scanView;
    if (self.scanView) {
        self.scanView.frame = scanRect;
        if (self.superView) {
            [self.superView addSubview:_scanView];
            [self setCover:_scanView];
        }
    }
}


/* 添加圖層 */
-(void)showLayer:(UIView *)viewController
{
    _superView = viewController;
    _layer.frame = _superView.layer.frame;
    [_superView.layer insertSublayer:_layer atIndex:0];
}


//    167 167 167   32   居上50
/* 設置覆蓋層界面 */
-(void)setCover:(UIView *)view
{
    UIColor * color = [UIColor blackColor];
    
    UIView * view_1 = [[UIView alloc]initWithFrame:CGRectMake(0, 0, self.superView.bounds.size.width, view.frame.origin.y)];
    view_1.backgroundColor = color;
    view_1.alpha = 0.8;
    [self.superView addSubview:view_1];
    
    UIView * view_2 = [[UIView alloc]initWithFrame:CGRectMake(0, view.frame.origin.y+view.frame.size.height, self.superView.bounds.size.width, self.superView.bounds.size.height-(view.frame.origin.y+view.frame.size.height))];
    view_2.backgroundColor = color;
    view_2.alpha = 0.8;
    [self.superView addSubview:view_2];
    
    UIView * view_3 = [[UIView alloc]initWithFrame:CGRectMake(0, view.frame.origin.y, view.frame.origin.x, view.frame.size.height)];
    view_3.backgroundColor = color;
    view_3.alpha = 0.8;
    [self.superView addSubview:view_3];
    
    UIView * view_4 = [[UIView alloc]initWithFrame:CGRectMake(view.frame.origin.x+view.frame.size.width, view.frame.origin.y, view.frame.origin.x, view.frame.size.height)];
    view_4.backgroundColor = color;
    view_4.alpha = 0.8;
    [self.superView addSubview:view_4];
    
    UIImageView * imageV = [[UIImageView alloc]initWithFrame:view.bounds];
    imageV.image = [UIImage imageNamed:@"fo_bi"];
    imageV.backgroundColor = [UIColor clearColor];
    [view addSubview:imageV];
    
    UILabel * label = [[UILabel alloc]initWithFrame:CGRectMake(0, view.frame.origin.y+view.frame.size.height+50*kScale, self.superView.bounds.size.width, 50*kScale)];
    label.text = @"將二維碼/條碼放入框內(nèi)拓萌,即可自動掃描";
    label.textColor = JMColor(167, 167, 167);
    label.font = [UIFont systemFontOfSize:32*kScale];
    label.textAlignment = NSTextAlignmentCenter;
    label.backgroundColor = [UIColor clearColor];
    [self.superView addSubview:label];
    
    _lineImage = [[UIImageView alloc]initWithFrame:CGRectMake(20*kScale, 30*kScale, view.bounds.size.width-40*kScale, 16*kScale)];
    _lineImage.image = [UIImage imageNamed:@"green_line"];
    _lineImage.backgroundColor = [UIColor clearColor];
    [view addSubview:_lineImage];
    
    NSTimer *timer = [NSTimer timerWithTimeInterval:2.5 target:self selector:@selector(timerLineChangeFrame:) userInfo:@(YES) repeats:YES];
    [[NSRunLoop currentRunLoop] addTimer:timer forMode:NSRunLoopCommonModes];
    self.timer = timer;
}


-(void)timerLineChangeFrame:(NSTimer *)timer
{
    [self animated];
}


#pragma mark 動畫
- (void)animated
{
    _lineImage.frame = CGRectMake(20*kScale, 30*kScale, _scanView.bounds.size.width-40*kScale, 16*kScale);
    [UIView animateWithDuration:2.5 animations:^{
        [UIView setAnimationCurve:UIViewAnimationCurveLinear];
        _lineImage.frame = CGRectMake(20*kScale, _scanView.bounds.size.height-30*kScale-16*kScale, _lineImage.superview.bounds.size.width-40*kScale, 8*kScale);
    }];
}

在父類使用:
設置掃描界面

-(void)setScanView
{
    WeakSelf(weakSelf);
    CGSize windowSize = [UIScreen mainScreen].bounds.size;
    CGSize scanSize = CGSizeMake(windowSize.width * 3/5, windowSize.width *3/5);
    CGRect scanRect = CGRectMake((windowSize.width-scanSize.width)/2, 300*kScale, scanSize.width, scanSize.height);
    UIView * scanRectView = [UIView new];
    scanRectView.layer.borderColor = [UIColor clearColor].CGColor;
    scanRectView.layer.borderWidth = 0;

    [[ZHSearchScanHelper manager] showLayer:self.view];
    [[ZHSearchScanHelper manager] setscanningRect:scanRect scanView:scanRectView];
    [[ZHSearchScanHelper manager] setScanBlock:^(NSString *scanResult)
    {
        NSLog(@"---%@", scanResult);
        
        // 根據(jù)自己的需要對掃描結果進行處理
        // 獲取數(shù)據(jù)
        [weakSelf getProductionData:scanResult];

    }];
    [[ZHSearchScanHelper manager] startRunning];
}
最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末岁钓,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌屡限,老刑警劉巖品嚣,帶你破解...
    沈念sama閱讀 206,968評論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異钧大,居然都是意外死亡翰撑,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,601評論 2 382
  • 文/潘曉璐 我一進店門啊央,熙熙樓的掌柜王于貴愁眉苦臉地迎上來眶诈,“玉大人,你說我怎么就攤上這事瓜饥∈徘耍” “怎么了?”我有些...
    開封第一講書人閱讀 153,220評論 0 344
  • 文/不壞的土叔 我叫張陵乓土,是天一觀的道長宪潮。 經(jīng)常有香客問我,道長趣苏,這世上最難降的妖魔是什么狡相? 我笑而不...
    開封第一講書人閱讀 55,416評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮食磕,結果婚禮上尽棕,老公的妹妹穿的比我還像新娘。我一直安慰自己芬为,他們只是感情好萄金,可當我...
    茶點故事閱讀 64,425評論 5 374
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著媚朦,像睡著了一般氧敢。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上询张,一...
    開封第一講書人閱讀 49,144評論 1 285
  • 那天孙乖,我揣著相機與錄音,去河邊找鬼份氧。 笑死唯袄,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的蜗帜。 我是一名探鬼主播恋拷,決...
    沈念sama閱讀 38,432評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼厅缺!你這毒婦竟也來了蔬顾?” 一聲冷哼從身側響起宴偿,我...
    開封第一講書人閱讀 37,088評論 0 261
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎诀豁,沒想到半個月后窄刘,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,586評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡舷胜,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,028評論 2 325
  • 正文 我和宋清朗相戀三年娩践,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片烹骨。...
    茶點故事閱讀 38,137評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡翻伺,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出展氓,到底是詐尸還是另有隱情穆趴,我是刑警寧澤,帶...
    沈念sama閱讀 33,783評論 4 324
  • 正文 年R本政府宣布遇汞,位于F島的核電站未妹,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏空入。R本人自食惡果不足惜络它,卻給世界環(huán)境...
    茶點故事閱讀 39,343評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望歪赢。 院中可真熱鬧化戳,春花似錦、人聲如沸埋凯。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,333評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽白对。三九已至掠廓,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間甩恼,已是汗流浹背蟀瞧。 一陣腳步聲響...
    開封第一講書人閱讀 31,559評論 1 262
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留条摸,地道東北人悦污。 一個月前我還...
    沈念sama閱讀 45,595評論 2 355
  • 正文 我出身青樓,卻偏偏與公主長得像钉蒲,于是被迫代替她去往敵國和親切端。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 42,901評論 2 345

推薦閱讀更多精彩內(nèi)容