[Android, Kotlin] Zxing 라이브러리로 QR코드 스캔하기

오랜만에 포스팅을 해본다.

요즘 좀 바빠서 ㅎㅎ(사실 귀찮기도 했고 까먹었어서 못 올렸다 죄송합니다.)

 

아무튼 이번에 사용해 본 라이브러리는 zxing 라이브러리인데, 이번 프로젝트에 QR코드 스캔 기능이 들어갈 예정이라 검색을 해봤더니, Zxing 라이브러리가 있길래 바로 사용해 보았다(헤헤)

 

개소리는 여기까지 하고 바로 Zxing에 대해 알아보자

---

 

 

1. dependency 추가,세팅

build.gradle(app)build.gradle(app)

// zxing
implementation 'com.journeyapps:zxing-android-embedded:4.2.0'

// circle imageview(예제에서 사용)
implementation 'de.hdodenhof:circleimageview:3.1.0'

Zxing에 사용할 라이브러리를 추가해 준다.

 

AndroidManifest.xml

<uses-permission android:name="android.permission.CAMERA" />

카메라 퍼미션도 추가해 준다(QR스캔하니까 당연하지)

 

2. xml

첫 화면에서 버튼을 누르면 QR코드 스캔화면이 나오도록 UI를 작성했다.

 

activity_scan.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"
    tools:context=".example4.Scan4Activity">

    <Button
        android:id="@+id/scan_btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="start to scan code"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

 

activity_result.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"
    tools:context=".example4.ResultActivity">

    <com.journeyapps.barcodescanner.DecoratedBarcodeView
        android:id="@+id/decorated_bar_code_view"
        android:layout_width="300dp"
        android:layout_height="300dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <de.hdodenhof.circleimageview.CircleImageView
        android:id="@+id/flash_image"
        android:layout_width="60dp"
        android:layout_height="60dp"
        app:civ_circle_background_color="#e5f5f5"
        android:src="@drawable/flashlight"
        app:layout_constraintEnd_toEndOf="@+id/decorated_bar_code_view"
        app:layout_constraintStart_toStartOf="@+id/decorated_bar_code_view"
        app:layout_constraintTop_toBottomOf="@+id/decorated_bar_code_view" />
</androidx.constraintlayout.widget.ConstraintLayout>

 

3. activtiy 작성

ScanActivity.kt

package com.example.qrpractice.example4

import android.app.Activity
import android.content.Intent
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.Toast
import com.example.qrpractice.R
import com.example.qrpractice.databinding.ActivityScan4Binding
import com.google.zxing.integration.android.IntentIntegrator

class Scan4Activity : AppCompatActivity() {
    private lateinit var binding: ActivityScan4Binding

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)

        binding = ActivityScan4Binding.inflate(layoutInflater)
        setContentView(binding.root)

        binding.scanBtn.setOnClickListener {
            val integrator = IntentIntegrator(this)
            with(integrator) {
                setBeepEnabled(false)
                captureActivity = ResultActivity::class.java
                initiateScan()
            }
        }
    }

    override fun onActivityResult(requestCode: Int, resultCode: Int, data: Intent?) {
        super.onActivityResult(requestCode, resultCode, data)

        if (resultCode == Activity.RESULT_OK) {
            val scanRes = IntentIntegrator.parseActivityResult(requestCode, resultCode, data)
            val content = scanRes.contents

            Toast.makeText(this, content, Toast.LENGTH_SHORT).show()
        } else Toast.makeText(this, "인식 실패", Toast.LENGTH_SHORT).show()
    }
}

scan activity에서는 스캔 화면으로 가기 위한 세팅과 스캔하고 나서 결과를 보는 역할을 한다.

 

setonclicklistener에서는 스캔 화면으로 가기 위한 세팅을 한다.

• setBeepEnabled(boolean): 바코드 인식 시 "삐" 소리를 나게 한다.
• captureActivity: 스캔 화면으로 이동할 activity를 설정한다.
• initiateScan: 초기화

 

onActivityResult에서는 바코드를 인식하고 난 후의 로직을 수행한다.

• content: 인식한 URL을 가져온다.

 

결과

 

정리

배우면서 코드로 바코드 스캔을 만드는 것과 DecoratedBarCodeView를 사용해서 만드는 것과 헷갈려서 헤맸던 기억이 있다(지금 생각하면 현타가 오지만).

 

앞으로 포스팅 자주 하겠습니다(자주 할진 모르겠다).