Android二维码的基础使用(三):二维码扫描Demo实现

前言

在前两篇文章中,我们讲述了二维码的生成、保存和分享的内容,本次我们对于二维码的扫描的内容进行说明,实现一个简易的Android扫一扫功能。

系列文章:

Android二维码的基础使用(一):利用Zxing生成自定义二维码
Android二维码的基础使用(二):保存和分享
Android二维码的基础使用(三):二维码扫描Demo实现

一、lib库说明

扫描二维码同样需要引入zxing库,但是由于原生的zxing库使用在自定义特性上支持一般,于是在此我选择引入了辅助库:

implementation 'com.king.zxing:zxing-lite:1.1.9-androidx'

zxing-lite库实际上是一个Zxing的精简辅助库,对于扫码功能进行了优化,同时内置了闪光灯等功能,对于代码集成上也是更加简单。

其GitHub地址如下:
zxing-lite Github地址

一、布局实现

首先我们先添加一个布局activity_q_r_scanner.xml,包括有扫码框,打开闪光灯的开关,代码如下:

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <SurfaceView
        android:id="@+id/sv_preview"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <com.king.zxing.ViewfinderView
        android:id="@+id/vfv"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:cornerColor="@color/color_4E5BCD"
        app:cornerRectHeight="54dp"
        app:cornerRectWidth="4dp"
        app:frameColor="@color/color_4E5BCD"
        app:frameHeight="242dp"
        app:frameWidth="242dp"
        app:labelText="请扫描智慧码"
        app:labelTextColor="@color/color_ffffff"
        app:labelTextLocation="bottom"
        app:labelTextPadding="18dp"
        app:labelTextSize="16sp"
        app:laserColor="@color/color_4E5BCD"
        app:maskColor="@color/color_80000000"
        app:scannerLineHeight="4dp" />

    <TextView
        android:id="@+id/tv_torch"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="32dp"
        android:drawableTop="@drawable/selector_torch"
        android:drawablePadding="12dp"
        android:gravity="center"
        android:text="打开照明"
        android:textColor="@color/color_ffffff"
        android:textSize="26sp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        tools:ignore="HardCodedText" />

</androidx.constraintlayout.widget.ConstraintLayout>

其中com.king.zxing.ViewfinderView为扫描框,有着众多的属性,如设置提示文本的labelText等,大家可以在zxing-lite的GitHub地址上进行属性查询及运用。

二、activity代码

添加一个和布局对应的activity——QRScannerActivity.kt,首先我们需要判断权限问题,如下:

    /**
     * 权限检查
     */
    private fun checkPermission() {
        if (!checkPermissions(arrayOf(Manifest.permission.CAMERA))) {
            //弹起授权弹窗
            baseRequestPermissions(
                arrayOf(Manifest.permission.CAMERA),
                object : PermissionCallback() {
                    override fun onPermissionGranted(permissions: Array<String?>?) {}
                    override fun onPermissionDenied(permissions: Array<String?>?) {
                        Toast.makeText(mActivity,"权限被拒绝",Toast.LENGTH_SHORT).show()
                        finish()
                    }
                })
        }
    }

然后需要配置扫码框的属性,代码如下:

    /**
     * 初始化QRScanner配置
     */
    private fun initQRConfig(){
        captureHelper = CaptureHelper(this, viewBinding.svPreview, viewBinding.vfv, null)
        captureHelper.setOnCaptureCallback(this)
        captureHelper.decodeFormats(DecodeFormatManager.QR_CODE_FORMATS)
            .supportAutoZoom(true) // 自动缩放
            .fullScreenScan(true) // 全屏扫码识别
            .supportLuminanceInvert(true) // 是否支持识别反色码,黑白颜色反转,开启提高识别效率
            .continuousScan(true) // 开启连续扫描
            .autoRestartPreviewAndDecode(false) // 连续扫描开启情况下,取消自动继续扫描,自己处理完后调用restartPreviewAndDecode()
            .playBeep(true) // 播放beep声音
            .supportZoom(true) // 支持双指缩放
            .frontLightMode(FrontLightMode.OFF) // 默认关闭闪光灯
            .setOnCaptureCallback(this) // 设置回调
            .onCreate()
        val cameraManager: CameraManager = captureHelper.cameraManager
        cameraManager.setOnTorchListener { torch: Boolean ->
            viewBinding.tvTorch.isSelected = torch
            viewBinding.tvTorch.text = if (torch) "关闭照明" else "打开照明"
        }
        viewBinding.tvTorch.setOnClickListener(View.OnClickListener {
            cameraManager.setTorch(
                !viewBinding.tvTorch.isSelected
            )
        })
        viewBinding.tvTorch.post(Runnable { this.updateScanFrameLocation() })
    }

    /**
     * 更新扫描框位置
     */
    private fun updateScanFrameLocation() {
        //(327+184)/2-184
        viewBinding.vfv.setPadding(0, 0, 0, Utils.dp2px(this, 71))
        viewBinding.vfv.scannerStart = 0 // 动态改变padding时,需要设置该值为0,以触发在onDraw中对其的重新赋值
    }

除此之外,我们需要在Activity的生命周期中进行处理,同时继承OnCaptureCallback接口,在onCreate()中初始化配置及权限处理,在onResume(),onPause(),onDestory()进行处理,代码如下:

@Route(path = ConstUtil.QRCodeActivityPath)
class QRScannerActivity : BaseActivity(),OnCaptureCallback {
    private lateinit var viewBinding: ActivityQRScannerBinding
    private lateinit var captureHelper: CaptureHelper

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        viewBinding = ActivityQRScannerBinding.inflate(layoutInflater)
        setContentView(viewBinding.root)
        initQRConfig()
        checkPermission()
    }

    override fun onResultCallback(result: String?): Boolean {
        //todo 处理结果
        Toast.makeText(mActivity,result,Toast.LENGTH_SHORT).show()
        return true
    }

    override fun onResume() {
        //注意在生命周期的captureHelper设置,否则可能出现无法扫描的问题
        captureHelper.onResume()
        super.onResume()
    }

    override fun onPause() {
        captureHelper.onPause()
        super.onPause()
    }

    override fun onDestroy() {
        captureHelper.onDestroy()
        super.onDestroy()
    }
    ...
}

添加如上代码,我们就能够实现最终的结果:

二维码扫描.png

这样,我们就实现了一个二维码的扫描功能。

总结

zxing-lite是一个实现二维码相关内容的精简库,能够很方便的实现二维码的扫描功能。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,928评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,192评论 3 387
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 159,468评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,186评论 1 286
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,295评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,374评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,403评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,186评论 0 269
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,610评论 1 306
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,906评论 2 328
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,075评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,755评论 4 337
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,393评论 3 320
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,079评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,313评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,934评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,963评论 2 351

推荐阅读更多精彩内容