AndroidでQRコードを生成して画面に表示する

zxingでQRコード生成

Android kotlin QRcode

Created at 2020-02-20 01:48 Updated at 2020-09-02 03:00

dependencies {
...
    // QR code
    implementation 'com.journeyapps:zxing-android-embedded:4.1.0'
}

package com.suihan74.sample

import android.graphics.Color
import com.google.zxing.qrcode.decoder.ErrorCorrectionLevel

/** QRコード生成の元情報 */
data class QRSource(
    /** QR化するデータ */
    val data: String,

    /**
     * QRコードサイズ(px)
     *
     * dpではなくpxなので注意
     */
    val size: Int,

    /** 誤り訂正レベル */
    val errorCorrectionLevel: ErrorCorrectionLevel,

    /** 文字コード */
    val charset: String,

    /**
     * マージン(セル数, 4セル以上の余白が必要)
     *
     * レイアウト側で確実に4セル分以上の余白を用意してある場合には0にした方が制御しやすいかもしれない
     */
    val margin: Int = 4,

    /** 前景色 */
    val foregroundColor: Int = Color.BLACK,

    /** 背景色 */
    val backgroundColor: Int = Color.WHITE
)

package com.suihan74.sample

import android.graphics.Bitmap
import android.graphics.Color
import android.util.Log
import androidx.lifecycle.LiveData
import androidx.lifecycle.MutableLiveData
import androidx.lifecycle.ViewModel
import androidx.lifecycle.viewModelScope
import com.google.zxing.BarcodeFormat
import com.google.zxing.EncodeHintType
import com.google.zxing.qrcode.decoder.ErrorCorrectionLevel
import com.journeyapps.barcodescanner.BarcodeEncoder
import kotlinx.coroutines.Dispatchers
import kotlinx.coroutines.launch

class HogeViewModel : ViewModel() {
    /** QRコード化する情報 */
    var qrSource: QRSource? = null
        private set

    /** QRコードのビットマップ */
    val qrBitmap: LiveData<Bitmap?> by lazy {
        MutableLiveData<Bitmap?>(null)
    }

    /** QRコード化する情報をセット */
    fun setQRSource(qrSource: QRSource?) {
        this.qrSource = qrSource
        viewModelScope.launch(Dispatchers.Default) {
            (qrBitmap as MutableLiveData<Bitmap?>).postValue(
                generateQRCodeBitmap(qrSource)
            )
        }
    }

    /** QRコードのビットマップを生成 */
    private fun generateQRCodeBitmap(qrSource: QRSource?) : Bitmap? =
        if (qrSource == null) null
        else try {
            // 生成に関するパラメータ
            val hints = mapOf(
                // マージン
                EncodeHintType.MARGIN to qrSource.margin,
                // 誤り訂正レベル
                EncodeHintType.ERROR_CORRECTION to qrSource.errorCorrectionLevel,
                // 文字コード
                EncodeHintType.CHARACTER_SET to qrSource.charset
            )

            BarcodeEncoder().encodeBitmap(
                qrSource.data,
                BarcodeFormat.QR_CODE,
                pxSize, pxSize,
                hints
            ).also { encoder ->
                // 黒白以外にしたいならここで適当にQRコードを色付けする
                val pixels = IntArray(pxSize * pxSize)
                encoder.getPixels(pixels, 0, pxSize, 0, 0, pxSize, pxSize)
                for (idx in pixels.indices) {
                    pixels[idx] =
                        if (pixels[idx] == Color.BLACK) qrSource.foregroundColor
                        else qrSource.backgroundColor
                }
                encoder.setPixels(pixels, 0, pxSize, 0, 0, pxSize, pxSize)
            }
        }
        catch (e: Throwable) {
            Log.e("genQRCode", Log.getStackTraceString(e))
            null
        }
}

package com.suihan74.sample

import androidx.appcompat.app.AppCompatActivity
import androidx.databinding.DataBindingUtil
import androidx.lifecycle.ViewModelProviders
import com.suihan74.sample.R
import com.suihan74.sample.databinding.ActivityHogeBinding
import kotlinx.android.synthetic.main.activity_hoge.*

class HogeActivity : AppCompatActivity {
    private val viewModel: HogeViewModel by lazy {
        ViewModelProvider(this)[HogeViewModel::class.java]
    }

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

        DataBindingUtil.setContentView<ActivityHogeBinding>(
            this,
            R.layout.activity_hoge
        ).apply {
            lifecycleOwner = this@HogeActivity
            vm = viewModel
        }

        // サンプルだし適当にこの辺で値入れちゃう
        viewModel.setQRSource(
            QRSource(
                data = "https://suihan742.github.io",
                size = resources.getDimensionPixelSize(R.dimen.qr_size),
                errorCorrectionLevel = ErrorCorrectionLevel.M,
                charset = "UTF-8",
                margin = 0,
            ),
            this
        )
    }
}

package com.suihan74.sample

import android.graphics.Bitmap
import android.widget.ImageView
import androidx.databinding.BindingAdapter

/** ImageViewにBitmapをバインドする */
@BindingAdapter("bitmap")
fun ImageView.setBitmapSource(bitmap: Bitmap?) {
    this.setImageBitmap(bitmap)
}

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">
    <data>
        <variable
            name="vm"
            type="com.suihan74.sample.HogeViewModel" />
    </data>

    <LinearLayout
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <ImageView
            android:id="@+id/QRImageView"
            bitmap="@{vm.qrBitmap}"
            android:contentDescription="@null"
            android:scaleType="center"
            android:layout_width="@dimen/qr_size"
            android:layout_height="@dimen/qr_size" />

...

    </LinearLayout>
</layout>