仿微信二维码极速扫描(MLKit及CameraX初体验)

可以看到，这个项目除了扫码功能，还有其他各种各样的好用且免费的SDK，像是文字识别，人脸识别等等，都可以依赖这个项目轻松搞定。无奈小弟才疏学浅，只接触了该项目的扫码功能，等来日水平提升了，定将其他的功能也一一体验一遍

对了，这个项目除了Android端，还有IOS端的哦，感兴趣的IOS小伙伴可以自行参考

要使用这个项目，必不可少的，需要先引入工程

dependencies {
// …
// Use this dependency to bundle the model with your app
implementation ‘com.google.mlkit:barcode-scanning:16.1.1’
}

有google play条件的小伙伴，还可以选择添加google play的相关引用，甚至可以使用google play model

dependencies {
// …
// Use this dependency to use the dynamically downloaded model in Google Play Services
implementation ‘com.google.android.gms:play-services-mlkit-barcode-scanning:16.1.4’
}

<application …>
…

CameraX的支持当然也要一并加上

// 版本号
def camerax_version = “1.0.0-rc03”
// 对camera 及 camera2的支持，可自行选择
implementation “androidx.camera:camera-core:$camera{x}_{v}ersion"implementation"androidx.camera:camera-camera2:${camerax_version}”

项目使用的是基于jetpack lifecycle的框架，所以加上lifecycle的支持

implementation “androidx.camera:camera-lifecycle:${camerax_version}”

预览用到了camerax自带的预览控件

implementation “androidx.camera:camera-view:1.0.0-alpha22”

接下来就是具体的代码实现了 首先，用到了相机及相册，自然需要添加相应的权限申请

ActivityCompat.requestPermissions(this, arrayOf(Manifest.permission.CAMERA,Manifest.permission.WRITE_EXTERNAL_STORAGE),REQUEST_PERMISSION)

先来看看扫码界面的实现，主要包含了预览的PreviewView及用于绘制扫码线条及扫码结果的ScanOverlay

<androidx.camera.view.PreviewView
android:id=“@+id/previewView”
android:layout_width=“match_parent”
android:layout_height=“match_parent”
/>
<com.hsmedia.mlkitdemo.ScanOverlay
android:id=“@+id/overlay”
android:layout_width=“match_parent”
android:layout_height=“0dp”
app:layout_constraintTop_toBottomOf=“@id/iv_exit”
app:layout_constraintBottom_toTopOf=“@id/tv_tips”
android:layout_marginBottom=“20dp”
android:layout_marginTop=“20dp”
/>

接下来看一下如何开启CameraX的预览

CameraX自带了检测相机是否可用的监听，可以在相机可用之后，再进行后续操作

cameraProviderFuture = ProcessCameraProvider.getInstance(this)
cameraProviderFuture.addListener(Runnable {
val cameraProvider = cameraProviderFuture.get()
bindScan(cameraProvider, overlay.width,overlay.height)
}, ContextCompat.getMainExecutor(this@BarcodeScanningActivity))

并且，CameraX绑定生命周期控件后，可以根据生命周期，自行释放相机，妈妈再也不用担心忘记关相机啦

val preview : Preview = Preview.Builder().build()

//绑定预览
preview.setSurfaceProvider(previewView.surfaceProvider)

//使用后置相机
val cameraSelector : CameraSelector = CameraSelector.Builder()
.requireLensFacing(CameraSelector.LENS_FACING_BACK)
.build()
//将相机绑定到当前控件的生命周期
camera = cameraProvider.bindToLifecycle(this as LifecycleOwner, cameraSelector, imageAnalysis, preview)

这样，就可以开启预览啦，可以注意到，代码中绑定到生命周期的时候，使用了一个imageAnalysis的useCases，而这，就是用于图片扫描的组件了

//配置图片扫描
val imageAnalysis = ImageAnalysis.Builder()
.setTargetResolution(Size(width, height))
.setBackpressureStrategy(ImageAnalysis.STRATEGY_KEEP_ONLY_LATEST)
.build()

光这样还不行，还需要为图片扫描配置解析扫码内容的解析器QRCodeAnalyser，说了这么多，终于要用到MLKit的二维码解析了 来看一下QRCodeAnalyser的具体实现

@SuppressLint(“UnsafeExperimentalUsageError”)
override fun analyze(imageProxy: ImageProxy) {
val mediaImage = imageProxy.image ?: kotlin.run {
imageProxy.close()
return
}
val image = InputImage.fromMediaImage(mediaImage, imageProxy.imageInfo.rotationDegrees)
detector.process(image)
.addOnSuccessListener { barCodes ->
if (barCodes.size > 0){
listener.invoke(barCodes[0],imageProxy.width,imageProxy.height)
//接收到结果后，就关闭解析
detector.close()
}
}
.addOnFailureListener { Log.d(TAG, “Error: ${it.message}”) }
.addOnCompleteListener { imageProxy.close() }

}

这个类主要实现了ImageAnalysis.Analyzer，并实现了analyze解析方法，其中imageProxy就是CameraX传递过来的图片扫描内容了 其主要内容，就是根据传递过来的图片扫描内容，使用detector进行解析，而这个detector又是怎么来的呢

//配置当前扫码格式
private val options = BarcodeScannerOptions.Builder()
.setBarcodeFormats(
Barcode.FORMAT_QR_CODE,
Barcode.FORMAT_AZTEC
)
.build()
//获取解析器
private val detector = BarcodeScanning.getClient(options)

更多Android高级工程师进阶学习资料

进阶学习视频

附上：我们之前因为秋招收集的二十套一二线互联网公司Android面试真题（含BAT、小米、华为、美团、滴滴）和我自己整理Android复习笔记（包含Android基础知识点、Android扩展知识点、Android源码解析、设计模式汇总、Gradle知识点、常见算法题汇总。）

里面包含不同方向的自学编程路线、面试题集合/面经、及系列技术文章等，资源持续更新中…
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！
ZY-1715182654539)]

里面包含不同方向的自学编程路线、面试题集合/面经、及系列技术文章等，资源持续更新中…
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！