iOS 原生實(shí)現(xiàn)掃描二維碼和條形碼功能限制掃描區(qū)域
更新時(shí)間：2017年03月28日 11:45:32 投稿：mrr
這篇文章主要介紹了iOS 原生實(shí)現(xiàn)掃描二維碼和條形碼功能限制掃描區(qū)域,需要的朋友可以參考下
現(xiàn)在蘋果iOS系統(tǒng)已經(jīng)原生支持了二維碼掃描的功能，使用原生來(lái)掃描需要導(dǎo)入AVFoundation。
掃描準(zhǔn)備
一、獲取攝像設(shè)備：
device = AVCaptureDevice.defaultDevice(withMediaType: AVMediaTypeVideo)
二、創(chuàng)建輸入流
do {
try input = AVCaptureDeviceInput(device: device)
} catch let e as NSError {
print(e.localizedDescription)
}
三、創(chuàng)建輸出流
output = AVCaptureMetadataOutput() // 設(shè)置代理在主線程中刷新 output?.setMetadataObjectsDelegate(self, queue: DispatchQueue.main)
四、初始化連接對(duì)象
session = AVCaptureSession() // 高質(zhì)量采集率 session?.canSetSessionPreset(AVCaptureSessionPresetHigh) session?.addOutput(output) session?.addInput(input)
五、設(shè)置掃描區(qū)域
// 特別注意的地方：有效的掃描區(qū)域，定位是以設(shè)置的右頂點(diǎn)為原點(diǎn)。屏幕寬所在的那條線為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)
六、設(shè)置掃碼支持的編碼格式(如下設(shè)置條形碼和二維碼兼容)
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()
掃描動(dòng)畫
這里的動(dòng)畫是仿支付寶的掃描框動(dòng)畫
我們新建一個(gè)方法，專門處理我們的動(dòng)畫。
fileprivate func scanAnimation() -> CABasicAnimation {
let scanNetAnimation = CABasicAnimation()
// 沿Y軸運(yùn)動(dòng)
scanNetAnimation.keyPath = "transform.translation.y"
// 掃描框的高度，注意：這里是實(shí)際高度的相反數(shù)
scanNetAnimation.byValue = QRCodeWidth
// 動(dòng)畫的持續(xù)時(shí)間
scanNetAnimation.duration = 1.5
// 動(dòng)畫的重復(fù)次數(shù)
scanNetAnimation.repeatCount = MAXFLOAT
return scanNetAnimation
}
使用動(dòng)畫：
我們?cè)趧?chuàng)建界面的時(shí)候，掃描框有一個(gè)UIImageView，我們需要將我們的動(dòng)畫添加到這個(gè)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)
}
}
點(diǎn)擊掃描結(jié)果的處理
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 這個(gè)類，可以用這個(gè)類來(lái)顯示需要瀏覽的網(wǎng)頁(yè)。
let svc = SFSafariViewController(url: requestURL!) self.present(svc, animated: true, completion: nil)
以上所述是小編給大家介紹的iOS 原生實(shí)現(xiàn)掃描二維碼和條形碼功能限制掃描區(qū)域，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
在日常ios開發(fā)中經(jīng)常會(huì)遇到視圖和圖片的處理，下面這篇文章主要給大家總結(jié)介紹了關(guān)于iOS中常見的視圖和圖片處理的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)和工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友可以參考下。2017-10-10
iOS中使用schema協(xié)議調(diào)用APP和使用iframe打開APP的例子
這篇文章主要介紹了iOS中使用schema協(xié)議調(diào)用APP和使用iframe打開APP的例子,用在瀏覽器中打開APP,需要的朋友可以參考下2014-08-08
這篇文章主要介紹了IOS圖片的原生（Graphics）詳解及實(shí)例的相關(guān)資料,需要的朋友可以參考下2017-05-05
本篇文章給讀者們?cè)敿?xì)分析了iOS項(xiàng)目基本框架搭建的過程的注意點(diǎn)，對(duì)此有需要的朋友學(xué)習(xí)參考下。2018-02-02
iOS開發(fā)藍(lán)牙技術(shù)應(yīng)用增加無(wú)線連接功能
這篇文章主要為大家介紹了iOS開發(fā)藍(lán)牙技術(shù)應(yīng)用增加無(wú)線連接功能示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-02-02
IOS 應(yīng)用程序管理的實(shí)現(xiàn)
這篇文章主要介紹了IOS 應(yīng)用程序管理的實(shí)現(xiàn)的相關(guān)資料,希望通過本文能幫助到大家，讓大家實(shí)現(xiàn)這樣的功能，需要的朋友可以參考下2017-10-10
iOS應(yīng)用開發(fā)中UITableView的分割線的一些設(shè)置技巧
這篇文章主要介紹了iOS應(yīng)用開發(fā)中UITableView分割線的一些設(shè)置技巧,包括消除分割線的方法,示例代碼為傳統(tǒng)的Objective-C語(yǔ)言,需要的朋友可以參考下2016-03-03
模糊搜索的實(shí)現(xiàn)思路是當(dāng)搜索框開始編輯時(shí)對(duì)搜索框中的文本與后臺(tái)給的資源相對(duì)比,包含搜索文本的展示在tableview中2016-12-12
這篇文章主要給大家介紹了關(guān)于如何去掉Xcode工程中某種類型的警告，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用Xcode具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
iOS開發(fā)實(shí)戰(zhàn)之Label全方位對(duì)齊的輕松實(shí)現(xiàn)
這篇文章主要給大家介紹了關(guān)于iOS開發(fā)實(shí)戰(zhàn)之輕松實(shí)現(xiàn)Label全方位對(duì)齊的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2018-10-10