资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

iOS如何实现扫描二维码和条形码功能限制扫描区域-创新互联

小编给大家分享一下iOS如何实现扫描二维码和条形码功能限制扫描区域,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!

创新互联公司是一家专注于成都网站制作、成都网站设计与策划设计,新城网站建设哪家好?创新互联公司做网站,专注于网站建设10余年,网设计领域的专业建站公司;建站业务涵盖:新城等地区。新城做网站价格咨询:13518219792

现在苹果iOS系统已经原生支持了二维码扫描的功能,使用原生来扫描需要导入AVFoundation。

扫描准备

一、获取摄像设备:

device = AVCaptureDevice.defaultDevice(withMediaType: AVMediaTypeVideo)

二、创建输入流

do {
  try input = AVCaptureDeviceInput(device: device)
} catch let e as NSError {
  print(e.localizedDescription)
}

三、创建输出流

output = AVCaptureMetadataOutput()
// 设置代理在主线程中刷新
output?.setMetadataObjectsDelegate(self, queue: DispatchQueue.main)

四、初始化连接对象

session = AVCaptureSession()
// 高质量采集率
session?.canSetSessionPreset(AVCaptureSessionPresetHigh)
session?.addOutput(output)
session?.addInput(input)

五、设置扫描区域

// 特别注意的地方:有效的扫描区域,定位是以设置的右顶点为原点。屏幕宽所在的那条线为y轴,屏幕高所在的线为x轴
let x = ((SCREENHeight - QRCodeWidth - topViewHeight) / 2.0) / SCREENHeight
let y = ((SCREENWidth - QRCodeWidth) / 2.0) / SCREENWidth
let width = QRCodeWidth / SCREENHeight
let height = QRCodeWidth / SCREENWidth
output?.rectOfInterest = CGRect(x: x, y: y, width: width, height: height)

六、设置扫码支持的编码格式(如下设置条形码和二维码兼容)

output?.metadataObjectTypes = [AVMetadataObjectTypeQRCode, AVMetadataObjectTypeEAN13Code, AVMetadataObjectTypeEAN8Code, AVMetadataObjectTypeCode128Code]

七、开始捕获

preview = AVCaptureVideoPreviewLayer(session: session)
preview?.videoGravity = AVLayerVideoGravityResizeAspectFill
preview?.frame = self.view.layer.bounds
self.view.layer.insertSublayer(preview!, at: 0)
session?.startRunning()

扫描动画

这里的动画是仿支付宝的扫描框动画

我们新建一个方法,专门处理我们的动画。

fileprivate func scanAnimation() -> CABasicAnimation {
   let scanNetAnimation = CABasicAnimation()
    // 沿Y轴运动
   scanNetAnimation.keyPath = "transform.translation.y"
   // 扫描框的高度,注意:这里是实际高度的相反数
   scanNetAnimation.byValue = QRCodeWidth
    // 动画的持续时间
   scanNetAnimation.duration = 1.5
   // 动画的重复次数
   scanNetAnimation.repeatCount = MAXFLOAT
   return scanNetAnimation
}

使用动画:

我们在创建界面的时候,扫描框有一个UIImageView,我们需要将我们的动画添加到这个ImageView上面。

scanImageView?.layer.add(scanAnimation(), forKey: nil)

扫描之后的处理

func captureOutput(_ captureOutput: AVCaptureOutput!, didOutputMetadataObjects metadataObjects: [Any]!, from connection: AVCaptureConnection!) {
  if metadataObjects.count > 0 {
    session?.stopRunning()
    let metadataObject = metadataObjects[0] as AnyObject
    let stringValue: String = metadataObject.stringValue
    let vc = QRCodeResultViewController.instantiate()
    vc.resultStr = stringValue
    self.navigationController?.pushViewController(vc, animated: true)
  }
}

点击扫描结果的处理

func webView(_ webView: UIWebView, shouldStartLoadWith request: URLRequest, navigationType: UIWebViewNavigationType) -> Bool {
  let requestURL = request.url
  if requestURL?.scheme == "http" || requestURL?.scheme == "https" || requestURL?.scheme == "mailto" && navigationType == .linkClicked {
//    UIApplication.shared.open(requestURL!, options: [:], completionHandler: nil)
    let svc = SFSafariViewController(url: requestURL!)
    self.present(svc, animated: true, completion: nil)
  }
  return true
}

我们可以用

open func open(_ url: URL, options: [String : Any] = [:], completionHandler completion: ((Bool) -> Swift.Void)? = nil)

在Safari中打开连接。不过最好是把事件控制在自己的程序中,在iOS 9 之后,苹果引入了 SFSafariViewController 这个类,可以用这个类来显示需要浏览的网页。

let svc = SFSafariViewController(url: requestURL!)
self.present(svc, animated: true, completion: nil)

看完了这篇文章,相信你对“iOS如何实现扫描二维码和条形码功能限制扫描区域”有了一定的了解,如果想了解更多相关知识,欢迎关注创新互联网站建设公司行业资讯频道,感谢各位的阅读!

另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


网站名称:iOS如何实现扫描二维码和条形码功能限制扫描区域-创新互联
URL分享:http://www.cdkjz.cn/article/jpedi.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220