将 Zxing 库与 Jetpack 组合使用

Question

我正在尝试使用 zxing 库实现 qr 扫描仪。为此，我在屏幕上添加了一个按钮，单击它，我将启动扫描仪，如下所示

Button(
        onClick = {
            val intentIntegrator = IntentIntegrator(context)
            intentIntegrator.setPrompt(QrScanLabel)
            intentIntegrator.setOrientationLocked(true)
            intentIntegrator.initiateScan()
        },
        modifier = Modifier
            .fillMaxWidth()
    ) {
        Text(
            text = QrScanLabel
        )
    }

但是，它启动了一个意图，期望 onActivityResult 方法返回结果。 Jetpack compose 使用rememberLauncherForActivityResult，如下所示

val intentLauncher = rememberLauncherForActivityResult(
        contract = ActivityResultContracts.StartIntentSenderForResult()
    ) {
        if (it.resultCode != RESULT_OK) {
            return@rememberLauncherForActivityResult
        }
        ...
    }

但是我们如何在这里将两者整合在一起呢？

Answer 1

我使用相同的库制作了一个临时解决方案： Gradle 依赖项：

implementation('com.journeyapps:zxing-android-embedded:4.1.0') { transitive = false }
implementation 'com.google.zxing:core:3.4.0'

我的新屏幕带有 jetpack compose 和相机捕捉功能，适用于我的应用：

@Composable
fun AdminClubMembershipScanScreen(navController: NavHostController) {
    val context = LocalContext.current
    var scanFlag by remember {
        mutableStateOf(false)
    }

    val compoundBarcodeView = remember {
        CompoundBarcodeView(context).apply {
            val capture = CaptureManager(context as Activity, this)
            capture.initializeFromIntent(context.intent, null)
            this.setStatusText("")
            capture.decode()
            this.decodeContinuous { result ->
                if(scanFlag){
                    return@decodeContinuous
                }
                scanFlag = true
                result.text?.let { barCodeOrQr->
                    //Do something and when you finish this something
                    //put scanFlag = false to scan another item
                    scanFlag = false
                }
                //If you don't put this scanFlag = false, it will never work again.
                //you can put a delay over 2 seconds and then scanFlag = false to prevent multiple scanning 
                
            }
        }
    }

    AndroidView(
        modifier = Modifier,
        factory = { compoundBarcodeView },
    )
}

Answer 2

由于zxing-android-embedded:4.3.0 有一个ScanContract，可以直接从 Compose 中使用：

val scanLauncher = rememberLauncherForActivityResult(
    contract = ScanContract(),
    onResult = { result -> Log.i(TAG, "scanned code: ${result.contents}") }
)

Button(onClick = { scanLauncher.launch(ScanOptions()) }) {
    Text(text = "Scan barcode")
}

Answer 3

我有一个问题，我的代码和你一样，但我不知道为什么它显示黑屏

代码添加产品

@ExperimentalPermissionsApi
@Composable
fun AddProduct(
    navController: NavController
) {
    val context = LocalContext.current
    var scanFlag by remember {
        mutableStateOf(false)
    }

    val compoundBarcodeView = remember {
        CompoundBarcodeView(context).apply {
            val capture = CaptureManager(context as Activity, this)
            capture.initializeFromIntent(context.intent, null)
            this.setStatusText("")
            capture.decode()
            this.decodeContinuous { result ->
                if(scanFlag){
                    return@decodeContinuous
                }
                scanFlag = true
                result.text?.let { barCodeOrQr->
                    //Do something

                }
                scanFlag = false
            }
        }
    }

    AndroidView(
        modifier = Modifier.fillMaxSize(),
        factory = { compoundBarcodeView },
    )

}

Answer 4

已接受答案的附录

此答案深入探讨了@Bharat Kumar 和@Jose Pose S 评论的问题 在接受的答案中。

我基本上只是在我的代码中实现了接受的答案，然后在定义 compundBarCodeView 之后添加了以下代码

DisposableEffect(key1 = "someKey" ){
    compoundBarcodeView.resume()
    onDispose {
        compoundBarcodeView.pause()
    }
}

这可确保扫描仪仅在前台处于活动状态并释放我们的设备时才处于活动状态。

TL;DR

即使在您成功扫描 QR 码并离开扫描仪屏幕后，barcodeview 仍会通过继续从后台扫描来“困扰”您。你通常不想要的。即使您使用布尔标志来阻止扫描仪在焦点从扫描仪上移开后执行任何操作，它仍然会给您的处理器带来负担并减慢您的 UI，因为仍然有一个进程在后台不断解密高分辨率图像.