广告
返回顶部
首页 > 资讯 > 移动开发 >iOS 二维码扫描相关功能实现
  • 637
分享到

iOS 二维码扫描相关功能实现

iOS二维码扫描 2022-06-04 03:06:23 637人浏览 安东尼
摘要

写在前面 最近项目要实现相机扫描二维码功能,具体要求:1、扫描框 2、扫描动画 3、相册识别二维码 4、声音反馈。 记得之前用过三方库做过类似功能,但是也是知其然不知其所以然,然后今

写在前面

最近项目要实现相机扫描二维码功能,具体要求:1、扫描框 2、扫描动画 3、相册识别二维码 4、声音反馈。

记得之前用过三方库做过类似功能,但是也是知其然不知其所以然,然后今天自己用原生api简单封装了一个二维码扫描控件。

项目结构介绍

控件封装后主要结构如图:

如图中代码目录,vender里面放的是UIView+Frame分类,Resource里面放的是图片声音资源,TZImagePickerController是第三方相册,用来获取相册中的二维码识别的。主要的就是以QR开头的文件,我们具体说一说。

QRCode.h

这个文件主要放的是各个文件的头文件,方便在各处调用


#import "QRCodeScanManager.h"
#import #import "QRLightManager.h"
#import "QRCodeScanView.h"
#import "QRCodeHelper.h"

QRLightManager

这个类是用来开启关闭闪光灯的



+ (void)openFlashLight;

+ (void)closeFlashLight;

#pragma mark 打开手电筒
+ (void)openFlashLight {
 AVCaptureDevice *captureDevice = [AVCaptureDevice defaultDeviceWithMediaType:AVMediaTypeVideo];
 NSError *error = nil;
 if ([captureDevice hasTorch]) {
  BOOL locked = [captureDevice lockForConfiguration:&error];
  if (locked) {
   captureDevice.torchMode = AVCaptureTorchModeOn;
   [captureDevice unlockForConfiguration];
  }
 }
}
#pragma mark 关闭手电筒
+ (void)closeFlashLight {
 AVCaptureDevice *device = [AVCaptureDevice defaultDeviceWithMediaType:AVMediaTypeVideo];
 if ([device hasTorch]) {
  [device lockForConfiguration:nil];
  [device setTorchMode:AVCaptureTorchModeOff];
  [device unlockForConfiguration];
 }
}

QRCodeScanView

这个类是将这个界面单独封装出来,便于自定义

在.h文件中有个枚举用来标识二维码扫描四周角标的位置:


typedef enum : NSUInteger {
 CornerLoactionDefault,//默认与边框同中心点
 CornerLoactionInside,//在边框线内部
 CornerLoactionOutside,//在边框线外部
} CornerLoaction;

自定义view各个属性:


@property (nonatomic, strong) UIColor *borderColor;
@property (nonatomic, assign) CornerLoaction cornerLocation;
@property (nonatomic, strong) UIColor *cornerColor;
@property (nonatomic, assign) CGFloat cornerWidth;
@property (nonatomic, assign) CGFloat backgroundAlpha;
@property (nonatomic, assign) CGFloat timeInterval;
@property (nonatomic, strong) UIButton *lightBtn;

暴露外部调用的方法:



- (void)addTimer;

- (void)removeTimer;

- (void)lightBtnChangeWithBrightnessValue:(CGFloat)brightnessValue;

初始化默认值:


- (void)initilize {
 self.backgroundColor = [[UIColor blackColor] colorWithAlphaComponent:0.5];
 self.borderColor = [UIColor whiteColor];
 _cornerLocation = CornerLoactionDefault;
 _cornerColor = [UIColor colorWithRed:50/255.0f green:210/255.0f blue:220/255.0f alpha:1.0];
 _cornerWidth = 2.0;
 self.timeInterval = 0.02;
 _backgroundAlpha = 0.5;
  
 [self addSubview:self.lightBtn];
}

重写view的drawRect方法,在这个方法里面绘制scanView的边框和边角


//空白区域设置
 [[[UIColor blackColor] colorWithAlphaComponent:self.backgroundAlpha] setFill];
 UIRectFill(rect);
 //获取上下文,并设置混合模式 -> kCGBlendModeDestinationOut
 CGContextRef context = UIGraphicsGetCurrentContext();
 CGContextSetBlendMode(context, kCGBlendModeDestinationOut);
 //设置空白区
 UIBezierPath *bezierPath = [UIBezierPath bezierPathWithRect:CGRectMake(borderX + 0.5 * borderLineW, borderY+ 0.5 * borderLineW, borderW - borderLineW, borderH - borderLineW)];
 [bezierPath fill];
 //执行混合模式
 CGContextSetBlendMode(context, kCGBlendModeNORMal);
  
 //边框设置
 UIBezierPath *borderPath = [UIBezierPath bezierPathWithRect:CGRectMake(borderX, borderY, borderW, borderH)];
 borderPath.lineCapStyle = kCGLineCapButt;
 borderPath.lineWidth = borderLineW;
 [self.borderColor set];
 [borderPath stroke];
  
 CGFloat cornerLength = 20;
 //左上角小图标
 UIBezierPath *leftTopPath = [UIBezierPath bezierPath];
 leftTopPath.lineWidth = self.cornerWidth;
 [self.cornerColor set];
  
 CGFloat insideExcess = fabs(0.5 * (self.cornerWidth - borderLineW));
 CGFloat outsideExcess = 0.5 * (borderLineW + self.cornerWidth);
 if (self.cornerLocation == CornerLoactionInside) {
  [leftTopPath moveToPoint:CGPointMake(borderX + insideExcess, borderY + cornerLength + insideExcess)];
  [leftTopPath addLineToPoint:CGPointMake(borderX + insideExcess, borderY + insideExcess)];
  [leftTopPath addLineToPoint:CGPointMake(borderX + cornerLength + insideExcess, borderY + insideExcess)];
 } else if (self.cornerLocation == CornerLoactionOutside) {
  [leftTopPath moveToPoint:CGPointMake(borderX - outsideExcess, borderY + cornerLength - outsideExcess)];
  [leftTopPath addLineToPoint:CGPointMake(borderX - outsideExcess, borderY - outsideExcess)];
  [leftTopPath addLineToPoint:CGPointMake(borderX + cornerLength - outsideExcess, borderY - outsideExcess)];
 } else {
  [leftTopPath moveToPoint:CGPointMake(borderX, borderY + cornerLength)];
  [leftTopPath addLineToPoint:CGPointMake(borderX, borderY)];
  [leftTopPath addLineToPoint:CGPointMake(borderX + cornerLength, borderY)];
 }
 [leftTopPath stroke];

增加定时器以及开始动画:


- (void)addTimer {
 [self addSubview:self.scanningLine];
 self.timer = [NSTimer timerWithTimeInterval:self.timeInterval target:self selector:@selector(beginAnimaiton) userInfo:nil repeats:YES];
 [[NSRunLoop mainRunLoop] addTimer:_timer forMode:NSRunLoopCommonModes];
}
#pragma mark 动画
- (void)beginAnimaiton {
 static BOOL isOrignPostion = YES;
  
 if (isOrignPostion) {
  _scanningLine.y = 0;
  isOrignPostion = NO;
  [UIView animateWithDuration:self.timeInterval animations:^{
   self->_scanningLine.y += 2;
  } completion:nil];
 } else {
  if (_scanningLine.frame.origin.y >= 0) {
   CGFloat scanContent_MaxY = self.frame.size.width;
   if (_scanningLine.y >= scanContent_MaxY - 10) {
    _scanningLine.y = 0;
    isOrignPostion = YES;
   } else {
    [UIView animateWithDuration:0.02 animations:^{
     self->_scanningLine.y += 2;
      
    } completion:nil];
   }
  } else {
   isOrignPostion = !isOrignPostion;
  }
 }
}

闪光灯按钮点击事件,开启关闭闪光灯:


- (void)lightBtnClick:(UIButton *)btn {
 btn.selected = !btn.selected;
 if (btn.selected) {
  [QRLightManager openFlashLight];
 } else {
  [QRLightManager closeFlashLight];
 }
}

QRCodeScanManager

这个单例用来控制所有的关于二维码扫描的事件

初始开启session 会话


//设置二维码读取率 数据类型 当前控制器
- (void)setupSessionPreset:(NSString *)sessionPreset metadataObjectTypes:(NSArray *)metadataObjectTypes currentController:(UIViewController *)currentController {
 if (sessionPreset == nil || metadataObjectTypes == nil || currentController == nil) {
  NSException *excp = [NSException exceptionWithName:@"excp" reason:@"setupSessionPreset:metadataObjectTypes:currentController: 方法中的 sessionPreset 参数不能为空" userInfo:nil];
  [excp raise];
 }
  
 //1、获取摄像设备
 AVCaptureDevice *device = [AVCaptureDevice defaultDeviceWithMediaType:AVMediaTypeVideo];
  
 //2、创建设备输入流
 AVCaptureDeviceInput *deviceInput = [AVCaptureDeviceInput deviceInputWithDevice:device error:nil];
  
 //3、创建数据输出流
 AVCaptureMetadataOutput *metadataOutput = [[AVCaptureMetadataOutput alloc] init];
 [metadataOutput setMetadataObjectsDelegate:self queue:dispatch_get_main_queue()];
  
 //3(1)、创建设备输出流
 self.videoDataOutput = [[AVCaptureVideoDataOutput alloc] init];
 [_videoDataOutput setSampleBufferDelegate:self queue:dispatch_get_main_queue()];
  
 // 设置扫描范围(每一个取值0~1,以屏幕右上角为坐标原点)
 // 注:微信二维码的扫描范围是整个屏幕,这里并没有做处理(可不用设置); 如需限制扫描范围,打开下一句注释代码并进行相应调试
 // metadataOutput.rectOfInterest = CGRectMake(0.05, 0.2, 0.7, 0.6);
  
 //4、创建会话对象
 _session = [[AVCaptureSession alloc] init];
 //会话采集率:AVCaptureSessionPresetHigh
 _session.sessionPreset = sessionPreset;
  
 //5、添加设备输出流到会话对象
 [_session addOutput:metadataOutput];
 //5(1)添加设备输出流到会话对象;与3(1)构成识别光纤强弱
 [_session addOutput:_videoDataOutput];
  
 //6、添加设备输入流到会话对象
 [_session addInput:deviceInput];
  
 //7、设置数据输出类型,需要将数据输出添加到会话后,才能指定元数据类型,否则会报错
 // 设置扫码支持的编码格式(如下设置条形码和二维码兼容)
 // @[AVMetadataObjectTypeQRCode, AVMetadataObjectTypeEAN13Code, AVMetadataObjectTypeEAN8Code, AVMetadataObjectTypeCode128Code]
 metadataOutput.metadataObjectTypes = metadataObjectTypes;
  
 //8、实例化预览图层,传递_session是为了告诉图层将来显示什么内容
 _videoPreviewLayer = [AVCaptureVideoPreviewLayer layerWithSession:_session];
 //保持纵横比;填充层边界
 _videoPreviewLayer.videoGravity = AVLayerVideoGravityResizeAspectFill;
 CGFloat x = 0;
 CGFloat y = 0;
 CGFloat w = [UIScreen mainScreen].bounds.size.width;
 CGFloat h = [UIScreen mainScreen].bounds.size.height;
 _videoPreviewLayer.frame = CGRectMake(x, y, w, h);
 [currentController.view.layer insertSublayer:_videoPreviewLayer atIndex:0];
  
 //9、启动会话
 [_session startRunning];
  
}

block:


typedef void(^GetBrightnessBlock)(CGFloat brightness);//用来向外部传递捕获到的亮度值以便于识别何时开启闪光灯,
typedef void(^ScanBlock)(NSArray *metadataObjects);//捕获到的结果集合
//亮度回调
- (void)brightnessChange:(GetBrightnessBlock)getBrightnessBlock;
//扫描结果
- (void)scanResult:(ScanBlock)scanBlock;

- (void)startRunning {
 [_session startRunning];
}
- (void)stopRunning {
 [_session stopRunning];
}

需要遵循:
- (void)resetSampleBufferDelegate;

- (void)cancelSampleBufferDelegate;
- (void)resetSampleBufferDelegate {
 [_videoDataOutput setSampleBufferDelegate:self queue:dispatch_get_main_queue()];
}
- (void)cancelSampleBufferDelegate {
 [_videoDataOutput setSampleBufferDelegate:nil queue:dispatch_get_main_queue()];
}

#pragma mark 播放扫描提示音
- (void)playSoundName:(NSString *)name {
 NSString *audioFile = [[NSBundle mainBundle] pathForResource:name ofType:nil];
 NSURL *fileUrl = [NSURL fileURLWithPath:audioFile];
 SystemSoundID soundID = 0;
 AudiOServicesCreateSystemSoundID((__bridge CFURLRef)(fileUrl), &soundID);
 AudioServicesAddSystemSoundCompletion(soundID, NULL, NULL, soundCompleteCallback, NULL);
 AudioServicesPlaySystemSound(soundID); // 播放音效
}
void soundCompleteCallback(SystemSoundID soundID, void *clientData){
  
}

注:这里只是截取部分重要代码,具体功能我会将代码放到GitHub上,代码里注释也写的很明白

使用功能

开启、结束定时器

开启、关闭session会话

启用、移除sampleBuffer代理


- (void)viewWillAppear:(BOOL)animated {
 [super viewWillAppear:animated];
 [self.scanView addTimer];
 [_scanManager startRunning];
 [_scanManager resetSampleBufferDelegate];
}
- (void)viewWillDisappear:(BOOL)animated {
 [super viewWillDisappear:animated];
 [self.scanView removeTimer];
 [_scanManager stopRunning];
 [_scanManager cancelSampleBufferDelegate];
}

初始化scanManager


- (void)setupScanManager {
 self.scanManager = [QRCodeScanManager sharedManager];
  
 NSArray *arr = @[AVMetadataObjectTypeQRCode, AVMetadataObjectTypeEAN13Code, AVMetadataObjectTypeEAN8Code, AVMetadataObjectTypeCode128Code];
 [_scanManager setupSessionPreset:AVCaptureSessionPreset1920x1080 metadataObjectTypes:arr currentController:self];
  
 __weak __typeof(self)weakSelf = self;
 //光扫描结果回调
 [_scanManager scanResult:^(NSArray *metadataObjects) {
  if (metadataObjects != nil && metadataObjects.count > 0) {
   [weakSelf.scanManager playSoundName:@"sound.caf"];
   //obj 为扫描结果
   AVMetadataMachineReadableCodeObject *obj = metadataObjects[0];
   NSString *url = [obj stringValue];
   NSLog(@"---url = :%@", url);
  } else {
   NSLog(@"暂未识别出扫描的二维码");
  }
 }];
  
 //光纤变化回调
 [_scanManager brightnessChange:^(CGFloat brightness) {
  [weakSelf.scanView lightBtnChangeWithBrightnessValue:brightness];
 }];
  
}

从相册识别二维码:


//借助第三方相册
- (void)albumBtnClick {
 TZImagePickerController *pickerController = [[TZImagePickerController alloc] initWithMaxImagesCount:1 delegate:self];
  
 __weak __typeof(self)weakSelf = self;
  
 [pickerController setDidFinishPickingPhotosHandle:^(NSArray *photos, NSArray *assets, BOOL isSelectOriginalPhoto) {
  UIImage *image = photos[0];
  // CIDetector(CIDetector可用于人脸识别)进行图片解析,从而使我们可以便捷的从相册中获取到二维码
  // 声明一个 CIDetector,并设定识别类型 CIDetectorTypeQRCode
  // 识别精度
  CIDetector *detector = [CIDetector detectorOfType:CIDetectorTypeQRCode context:nil options:@{CIDetectorAccuracy:CIDetectorAccuracyHigh}];
   
  //取得识别结果
  NSArray *features = [detector featuresInImage:[CIImage imageWithCGImage:image.CGImage]];
   
  NSString *resultStr;
  if (features.count == 0) {
   NSLog(@"暂未识别出二维码");
  } else {
   for (int index = 0; index < [features count]; index++) {
    CIQRCodeFeature *feature = [features objectAtIndex:index];
    resultStr = feature.messageString;
   }
   NSLog(@"---url:%@", resultStr);
  }
 }];
 [self presentViewController:pickerController animated:YES completion:nil];
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程网。

--结束END--

本文标题: iOS 二维码扫描相关功能实现

本文链接: https://www.lsjlt.com/news/30151.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • iOS 二维码扫描相关功能实现
    写在前面 最近项目要实现相机扫描二维码功能,具体要求:1、扫描框 2、扫描动画 3、相册识别二维码 4、声音反馈。 记得之前用过三方库做过类似功能,但是也是知其然不知其所以然,然后今...
    99+
    2022-06-04
    iOS 二维码 扫描
  • jQuery如何实现二维码扫描功能
    这篇文章主要介绍了jQuery如何实现二维码扫描功能,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。二维码:利用图形模拟二进制0、1的概念,达...
    99+
    2022-10-19
  • Android中怎么实现二维码扫描功能
    这期内容当中小编将会给大家带来有关Android中怎么实现二维码扫描功能,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。1 开发准备1.1 android studio 安装&emsp;&e...
    99+
    2023-06-04
  • 基于barcodescanner实现Android二维码扫描功能
    二维码扫描现在成为一种非常常见的APP基础功能,附录1是我曾经用过的二维码/条形码扫描开源项目,但是附录1的项目集成和二次定制比较繁琐和麻烦,因此可以发现不少人基于ZXing做了二次的开发,并贡献出这些项目,发到github上,其中barc...
    99+
    2023-05-30
    android 二维码 barcodescanner
  • 如何使用HTML5实现二维码扫描功能
    本篇内容介绍了“如何使用HTML5实现二维码扫描功能”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!   ...
    99+
    2022-10-19
  • Flutter实现二维码扫描
    本文实例为大家分享了Flutter实现二维码扫描的具体代码,供大家参考,具体内容如下 配置安卓访问权限: 1. 文件配置路径android\app\src\main\AndroidM...
    99+
    2022-11-12
  • Java能否实现高效二维码扫描?
    二维码是一种二维条形码,它可以被扫描和解码,以提供有关商品和服务的信息。二维码在现代社会中得到了广泛的应用,例如在商业、支付、社交媒体等领域。Java作为一种流行的编程语言,能否实现高效二维码扫描呢?本文将对此进行探讨。 二维码扫描的基...
    99+
    2023-10-23
    numy 二维码 并发
  • Flutter实现扫二维码功能
    本文实例为大家分享了Flutter实现扫二维码功能的具体代码,供大家参考,具体内容如下 首先在pubspec.yaml中添加: dependencies:   qrscan: ^0....
    99+
    2022-11-13
  • H5如何制作二维码扫描功能
    这篇文章主要为大家展示了“H5如何制作二维码扫描功能”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“H5如何制作二维码扫描功能”这篇文章吧。引子: 最近公司项目有...
    99+
    2022-10-19
  • 使用微信小程序实现二维码扫描功能
    使用微信小程序实现二维码扫描功能随着移动互联网的快速发展,二维码已经成为了一种非常方便的信息交互方式。微信小程序作为一种新的应用形式,也提供了二维码扫描功能。本文将介绍如何使用微信小程序实现二维码扫描,并提供具体的代码示例。一、准备工作在开...
    99+
    2023-11-21
    二维码 微信小程序 扫描
  • 如何使用Java对象实现二维码扫描功能?
    在现代社会中,二维码已经成为了一种非常重要的信息传递方式。二维码的使用范围非常广泛,包括支付、物流、广告等多个领域。因此,如何使用Java对象实现二维码扫描功能是非常重要的。本文将介绍如何使用Java对象实现二维码扫描功能,并附带演示代码。...
    99+
    2023-09-18
    二维码 开发技术 对象
  • ios原生二维码扫描与生成的实现教程
    之前都是第三方的二维码,操作简单pod集成,美滋滋。随着公司项目越来越恶心到大,还是自己撸一个比较实在。 demo的主要功能扫描二维码和生成二维码。 扫描相关类 二维码扫描需要获取...
    99+
    2022-05-23
    ios 二维码 扫描
  • iOS扫描二维码实现手势拉近拉远镜头
    在做扫码需求,往往会有放大镜头需求。 苹果提供了AVCaptureConnection中,videoScaleAndCropFactor:缩放裁剪系数,使用该属性,可以实现拉近拉...
    99+
    2022-05-23
    iOS 二维码 镜头
  • Android studio 实现生成二维码和扫描二维码
    效果图 build.gradle(:app)添加依赖 dependencies { implementation 'com.google.zxing:core:3.3.3' imple...
    99+
    2023-09-30
    android studio android ide
  • Android中的二维码生成与扫描功能
    0. 前言 今天这篇文章主要描述二维码的生成与扫描,使用目前流行的Zxing,为什么要讲二维码,因为二维码太普遍了,随便一个Android APP都会有二维码扫描。本篇旨在帮助...
    99+
    2022-06-06
    二维 二维码 Android
  • java微信扫描公众号二维码实现登陆功能
    本文实例为大家分享了java微信扫描公众号二维码实现登陆的具体代码,供大家参考,具体内容如下前提条件: 微信公众平台为服务号, 2.服务号实现了账号绑定功能,即将open_id 与业务系统中的用户名有对应关系具体实现原理: 用户访问业务系统...
    99+
    2023-05-31
    java 二维码
  • Android开发怎么实现模仿360二维码扫描功能
    小编给大家分享一下Android开发怎么实现模仿360二维码扫描功能,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!具体如下:一、效果图:二、框架搭建首先,下载最新...
    99+
    2023-05-30
    android
  • PHP教程:如何在容器中实现二维码扫描功能?
    二维码扫描功能已经成为现代社会中非常常见的一种功能,它的应用场景也越来越广泛。而在开发中,我们经常需要在应用程序中加入二维码扫描功能。本文将介绍如何在容器中实现二维码扫描功能。 一、准备工作 在开始之前,我们需要准备一些东西: 安装 D...
    99+
    2023-07-09
    教程 二维码 容器
  • Flutter如何实现扫二维码功能
    这篇文章主要为大家展示了“Flutter如何实现扫二维码功能”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“Flutter如何实现扫二维码功能”这篇文章吧。具体内容如下首先在pubspec.yam...
    99+
    2023-06-29
  • Android 基于google Zxing实现二维码、条形码扫描,仿微信二维码扫描效果(推荐)
     了解二维码这个东西还是从微信中,当时微信推出二维码扫描功能,自己感觉挺新颖的,从一张图片中扫一下竟然能直接加好友,不可思议啊,那时候还不了解二维码,呵呵,然后做项目...
    99+
    2022-06-06
    仿微信 二维码扫描 google 条形码 zxing 二维 二维码 Android
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作