Android CameraX結(jié)合LibYUV和GPUImage自定義相機(jī)濾鏡

更新時(shí)間：2021年12月02日 10:45:18 作者：Misdirection

之前使用Camera實(shí)現(xiàn)了一個(gè)自定義相機(jī)濾鏡（Android自定義相機(jī)濾鏡），但是運(yùn)行起來有點(diǎn)卡頓，這次用Camerax來實(shí)現(xiàn)一樣的效果發(fā)現(xiàn)很流暢，在此記錄一下，也希望能幫到有需要的同學(xué)

實(shí)現(xiàn)效果

實(shí)現(xiàn)步驟

1.引入依賴庫

這里我引入的依賴庫有CameraX、GPUImage(濾鏡庫)、Utilcodex（一款好用的工具類）

// CameraX core library using camera2 implementation
    implementation "androidx.camera:camera-camera2:1.0.1"
// CameraX Lifecycle Library
    implementation "androidx.camera:camera-lifecycle:1.0.1"
// CameraX View class
    implementation "androidx.camera:camera-view:1.0.0-alpha27"

    implementation'jp.co.cyberagent.android.gpuimage:gpuimage-library:1.4.1'
    implementation 'com.blankj:utilcodex:1.30.6'

2.引入libyuv

這里我用的是這個(gè)案例（https://github.com/theeasiestway/android-yuv-utils）里面的libyuv，如下

3.編寫CameraX預(yù)覽代碼

布局代碼如下

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout 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=".MainActivity">
    <androidx.camera.view.PreviewView
        android:id="@+id/viewFinder"
        android:layout_width="0dp"
        android:layout_height="0dp" />
</FrameLayout>

Activity中開啟相機(jī)預(yù)覽代碼如下，基本都是Google官方提供的案例代碼

class MainActivity : AppCompatActivity() {
    private lateinit var cameraExecutor: ExecutorService
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        cameraExecutor = Executors.newSingleThreadExecutor()
        // Request camera permissions
        if (allPermissionsGranted()) {
            startCamera()
        } else {
            ActivityCompat.requestPermissions(
                this, REQUIRED_PERMISSIONS, REQUEST_CODE_PERMISSIONS)
        }
    }

    private fun allPermissionsGranted() = REQUIRED_PERMISSIONS.all {
        ContextCompat.checkSelfPermission(
            baseContext, it) == PackageManager.PERMISSION_GRANTED
    }

    override fun onRequestPermissionsResult(
        requestCode: Int, permissions: Array<String>, grantResults:
        IntArray) {
        super.onRequestPermissionsResult(requestCode, permissions, grantResults)
        if (requestCode == REQUEST_CODE_PERMISSIONS) {
            if (allPermissionsGranted()) {
                startCamera()
            } else {
                Toast.makeText(this,
                    "Permissions not granted by the user.",
                    Toast.LENGTH_SHORT).show()
                finish()
            }
        }
    }
    private fun startCamera() {
        val cameraProviderFuture = ProcessCameraProvider.getInstance(this)
        cameraProviderFuture.addListener(Runnable {
            val cameraProvider: ProcessCameraProvider = cameraProviderFuture.get()
            val preview = Preview.Builder()
                .build()
                .also {
                    it.setSurfaceProvider(viewFinder.surfaceProvider)
                }
            val cameraSelector = CameraSelector.DEFAULT_BACK_CAMERA
            try {
                cameraProvider.unbindAll()
                cameraProvider.bindToLifecycle(
                    this, cameraSelector, preview)
            } catch(exc: Exception) {
                Log.e(TAG, "Use case binding failed", exc)
            }
        }, ContextCompat.getMainExecutor(this))
    }

    override fun onDestroy() {
        super.onDestroy()
        cameraExecutor.shutdown()
    }

    companion object {
        private const val TAG = "CameraXBasic"
        private const val REQUEST_CODE_PERMISSIONS = 10
        private val REQUIRED_PERMISSIONS = arrayOf(Manifest.permission.CAMERA)

    }
}

到這里就可以實(shí)現(xiàn)相機(jī)預(yù)覽了

4.增加相機(jī)數(shù)據(jù)回調(diào)

我們要增加濾鏡效果就必須對相機(jī)的數(shù)據(jù)進(jìn)行操作，這里我們通過獲取相機(jī)數(shù)據(jù)回調(diào)來獲取可修改的數(shù)據(jù)

val imageAnalyzer = ImageAnalysis.Builder()
                //設(shè)置回調(diào)數(shù)據(jù)的比例為16:9
                .setTargetAspectRatio(AspectRatio.RATIO_16_9)
                .build()
                .also {
                    it.setAnalyzer(cameraExecutor,this@MainActivity)
                }

這里我們還需要進(jìn)行綁定

除此之外我們還需要在Activity中實(shí)現(xiàn)ImageAnalysis.Analyzer接口，數(shù)據(jù)的獲取就在此接口的回調(diào)方法中獲取，如下所示，其中ImageProxy就包含了圖像數(shù)據(jù)

override fun analyze(image: ImageProxy) {

}

5.對回調(diào)數(shù)據(jù)進(jìn)行處理

我們在相機(jī)數(shù)據(jù)回調(diào)的方法中對圖像進(jìn)行處理并添加濾鏡，當(dāng)然在此之前我們還需要?jiǎng)?chuàng)建GPUImage對象并設(shè)置濾鏡類型

private var bitmap:Bitmap? = null
private var gpuImage:GPUImage? = null
//創(chuàng)建GPUImage對象并設(shè)置濾鏡類型，這里我使用的是素描濾鏡
private fun initFilter() {
        gpuImage = GPUImage(this)
        gpuImage!!.setFilter(GPUImageSketchFilter())
    }
@SuppressLint("UnsafeOptInUsageError")
    override fun analyze(image: ImageProxy) {
        //將Android的YUV數(shù)據(jù)轉(zhuǎn)為libYuv的數(shù)據(jù)
        var yuvFrame = yuvUtils.convertToI420(image.image!!)
        //對圖像進(jìn)行旋轉(zhuǎn)（由于回調(diào)的相機(jī)數(shù)據(jù)是橫著的因此需要旋轉(zhuǎn)90度）
        yuvFrame = yuvUtils.rotate(yuvFrame, 90)
        //根據(jù)圖像大小創(chuàng)建Bitmap
        bitmap = Bitmap.createBitmap(yuvFrame.width, yuvFrame.height, Bitmap.Config.ARGB_8888)
        //將圖像轉(zhuǎn)為Argb格式的并填充到Bitmap上
        yuvUtils.yuv420ToArgb(yuvFrame,bitmap!!)
        //利用GpuImage給圖像添加濾鏡
        bitmap = gpuImage!!.getBitmapWithFilterApplied(bitmap)
        //由于這不是UI線程因此需要在UI線程更新UI
        img.post {
            img.setImageBitmap(bitmap)
            //關(guān)閉ImageProxy，才會(huì)回調(diào)下一次的數(shù)據(jù)
            image.close()
        }

    }

6.拍攝照片

這里我們加一個(gè)拍照的按鈕

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout 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=".MainActivity">
    <androidx.camera.view.PreviewView
        android:id="@+id/viewFinder"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
    <ImageView
        android:id="@+id/img"
        android:scaleType="centerCrop"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>
    <Button
        android:id="@+id/bt_takepicture"
        android:layout_gravity="center_horizontal|bottom"
        android:layout_marginBottom="100dp"
        android:text="拍照"
        android:layout_width="70dp"
        android:layout_height="70dp"/>
</FrameLayout>

然后我們在Activity中添加拍照的邏輯，其實(shí)就是將Bitmap轉(zhuǎn)為圖片保存到SD卡，這里我們使用了之前引入的Utilcodex工具，當(dāng)我們點(diǎn)擊按鈕的時(shí)候isTakePhoto會(huì)變?yōu)?code>true，然后在相機(jī)的回調(diào)中就會(huì)進(jìn)行保存圖片的處理

bt_takepicture.setOnClickListener {
            isTakePhoto = true
        }

并且我們加入變量控制，在拍照的時(shí)候不處理回調(diào)數(shù)據(jù)

@SuppressLint("UnsafeOptInUsageError")
    override fun analyze(image: ImageProxy) {
        if(!isTakePhoto){
            //將Android的YUV數(shù)據(jù)轉(zhuǎn)為libYuv的數(shù)據(jù)
            var yuvFrame = yuvUtils.convertToI420(image.image!!)
            //對圖像進(jìn)行旋轉(zhuǎn)（由于回調(diào)的相機(jī)數(shù)據(jù)是橫著的因此需要旋轉(zhuǎn)90度）
            yuvFrame = yuvUtils.rotate(yuvFrame, 90)
            //根據(jù)圖像大小創(chuàng)建Bitmap
            bitmap = Bitmap.createBitmap(yuvFrame.width, yuvFrame.height, Bitmap.Config.ARGB_8888)
            //將圖像轉(zhuǎn)為Argb格式的并填充到Bitmap上
            yuvUtils.yuv420ToArgb(yuvFrame,bitmap!!)
            //利用GpuImage給圖像添加濾鏡
            bitmap = gpuImage!!.getBitmapWithFilterApplied(bitmap)
            //由于這不是UI線程因此需要在UI線程更新UI
            img.post {
                img.setImageBitmap(bitmap)
                if(isTakePhoto){
                    takePhoto()
                }
                //關(guān)閉ImageProxy，才會(huì)回調(diào)下一次的數(shù)據(jù)
                image.close()
            }
        }else{
            image.close()
        }
    }
 /**
     * 拍照
     */
    private fun takePhoto() {
        Thread{
            val filePath = File(getExternalFilesDir(Environment.DIRECTORY_DOWNLOADS),"${System.currentTimeMillis()}save.jpg")
            ImageUtils.save(bitmap,filePath.absolutePath,Bitmap.CompressFormat.PNG)
            ToastUtils.showShort("拍攝成功")
            isTakePhoto = false
        }.start()
    }

效果如下

保存的圖片在如下目錄

保存的圖片如下

到此這篇關(guān)于Android CameraX結(jié)合LibYUV和GPUImage自定義相機(jī)濾鏡的文章就介紹到這了,更多相關(guān)Android CameraX自定義相機(jī)濾鏡內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: