LoginSignup
4

More than 3 years have passed since last update.

Androidアプリ&Kotlinでハマった点の技術的原因と対応方法(3.Androidの画像に関する処理)

Last updated at Posted at 2018-11-21

3.Androidの画像に関する処理

Androidの画像は、基本的にBitmapを生成・収縮・管理していますが、本アプリのイメージ画像の加工やシームレス合成では、OpenCVの機能を利用しています。
AndroidアプリでOpenCVを利用するためには、2つの方法が存在します。
1つ目は、OpenCV Managerをユーザにインストールさせる方法で、2つ目は、OpenCV ManagerなしでOpenCVの共有ライブラリを静的ビルドする方法です。
1つ目のメリットとしては、共有ライブラリを含まない分、アプリケーションパッケージ(apkファイル)のサイズは小さくなります。デメリットは、OpenCV Managerをユーザにインストールさせること、最新バージョンのOpenCVに対応していないことです。
一方で、1つ目と逆になることで2つ目のapkファイルのサイズ問題は、昨今のネット環境でそれほど問題にならないと判断して共有ライブラリを含む方法を採用しました。(クレームが来たら考えます)

本アプリでは、OpenCVMat(1行の2次元行列)を利用するため、BitmapMat間変換が必要になります。
以前、画面遷移(フラグメント)処理の個所で、端末回転を禁止する代わりに画像を回転させる処理を組み込むことにした旨をお伝えしましたが、イメージ画像のミラーリング処理で課題が発生しました。

3.1 FileクラスのcreateTempFile()(一意なファイル名)処理

<背景>

本アプリでは、ギャラリーの画像もしくはカメラ撮影のイメージ画像を一時的にファイルとして保存しています。

<課題>

API 24/Android 7.0/Nougat以上で本アプリを実行するとcreateTempFile(一意なファイル名)処理で例外が発生します。

<原因>

API 24/Android 7.0/Nougat以上では、File.createTempFile()内のisInvalid()以降の処理で例外が発生します。

<対応>

当初は、Files.createTempFile()を利用しようとしましたが、FilesクラスはAPI 26/Android 8.0/OreoJava SE SDK 7)以降しか実装されていません。
別にcreateTempFile()に拘ることはなく、Fileクラスをインスタンスする際に絶対時刻を付加して一意なファイル名を作成します。

一意なファイル名
// ..... 略
    fun getImageFile(context: Context, child: String): File {
        context.filesDir.let { path ->
            if (!path.exists()) path.mkdir()
            return File("$path$child-${System.currentTimeMillis()}$SUFFIX_IMAGE") // $SUFFIX_IMAGE → ".jpg"
        }
    }
// ..... 略

3.2 OpenCVを利用したイメージ画像のミラー処理

<背景>

本アプリでは、画面遷移後にイメージ画像を貼り付けた後、イメージ画像表示(加工)画面で[ミラー]ボタンをタッチするとイメージ画像のミラー処理を行います。

<課題>

ミラー処理では、OpenCVCore.flip()を利用しますが、何回か繰り返してミラーリングすると画像が劣化します。

<原因>

イメージ画像読み込み→bitmapToMat(Bitmap→Mat)Core.flip()matToBitmap(Mat→Bitmap)→イメージ画像保存時にBitmapの圧縮フォーマットがJPEGだと非可逆圧縮により、一部のデータは欠落します。
通常だと人間の目では判断が困難なほど劣化を目立たせなくしますが、何回か繰り返してイメージ画像を圧縮して保存したことで、劣化が目立つようになりました。

<対応>

イメージ画像は、Bitmapの圧縮フォーマットをWEBP(可逆圧縮対応)に変更して保存しました。

Bitmapの圧縮フォーマット(WEBP)
// ..... 略
    ByteArrayOutputStream().let { outStream ->
        bitMap.compress(Bitmap.CompressFormat.WEBP, 100, outStream)
        FileOutputStream(引数).apply {
            outStream.writeTo(this)
            close()
        }
    }
// ..... 略

3.3 OpenCVを利用したシームレス合成処理

<背景>

本アプリでは、2つのイメージ画像を貼り付けた後、イメージ画像表示(加工)画面で[決定]ボタンをタッチするとイメージ画像のシームレス合成処理を行います。

<課題>

シームレス合成処理では、OpenCVPhoto.seamlessClone()を利用しますが、合成(したい)元の画像と合成(させたい)先の画像とマスク用の画像を指定するとエラー(assertion failed)が発生します。

<原因>

合成(したい)元の画像と合成(させたい)先の画像のサイズが同一にしないとエラーが発生します。また、透過含む4チャンネルの画像ではエラーが発生します。
(最終的にOpenCVのソースとPhoto.seamlessClone()のドキュメントで気付きました)

<対応>

合成(したい)元の画像と合成(させたい)先の画像のサイズが同一にします。
また、それぞれの画像は、8ビットの3チャンネルで指定します。

同一サイズの画像変換
// ..... 略
    private fun createThumbnailBitmap(
        bitMap: Bitmap, reqWidth: Int, reqHeight: Int, filter: Boolean
    ): Bitmap = Bitmap.createScaledBitmap(bitMap, reqWidth, reqHeight, filter)
// ..... 略
BitmaptoMat変換
// ..... 略
    fun bitmapToMat(bitMap: Bitmap?, colorCode: Int): Mat {
        return Mat(bitMap?.height ?: 0, bitMap?.width ?: 0, CvType.CV_8UC3).apply {
            Utils.bitmapToMat(bitMap,this, false)
            Imgproc.cvtColor(this, this, colorCode, depth())
        }
    }
// ..... 略

3.4 シームレス合成画像のギャラリー登録処理

<背景>

本アプリでは、2つのイメージ画像を貼り付けた後、イメージ画像表示(加工)画面で[決定]ボタンをタッチするとイメージ画像のシームレス合成処理を行います。
画面遷移後にシームレス合成結果画面で[保存]ボタンをタッチするとギャラリー登録します。

<課題>

シームレス合成した画像を外部領域に保存してもMediaScannerConnection.scanFile()で認識されず、ギャラリー登録されません。

<原因>

シームレス合成した画像を外部データ領域(Context.getExternalFilesDir())に保存するとMediaScannerConnection.scanFile()で認識されません。

<対応>

シームレス合成した画像を外部公開共有領域(Environment.getExternalStoragePublicDirectory())に保存することで、MediaScannerConnection.scanFile()で認識されました。

外部公開共有領域の保存場所
// ..... 略
    fun getMixingExternalImageFile(): File {
        // 外部公開共有領域以外はギャラリー登録不可のため、内部データ領域は使用しない
        File(
            Environment.getExternalStoragePublicDirectory(Environment.DIRECTORY_PICTURES),
            PATH_MIXING_IMAGE // → "SeamlessCollage"
        ).let { file ->
            if (!file.exists()) file.mkdir()
            return File("$file$FILE_MIXING_IMAGE-${System.currentTimeMillis()}$SUFFIX_IMAGE")
        }
    }
// ..... 略
// ..... 略
    MediaScannerConnection.scanFile(
        context,
        arrayOf(strUri),
        arrayOf("image/jpeg"),
        this // MediaScannerConnection.OnScanCompletedListener Callback
    )
// ..... 略

リンク

初めてのAndroidアプリ&Kotlinでハマった点の技術的原因と対応方法
1.Androidの画面遷移(フラグメント)処理
2.Androidのカメラ機能に関する処理

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
What you can do with signing up
4