Android CameraX結(jié)合LibYUV和GPUImage自定義相機濾鏡
作者:itfitness 鏈接:https://www.jianshu.com/p/f084082cc0c6
本文目錄:
實現(xiàn)效果
實現(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
這里我用的是這個案例(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中開啟相機預(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) } }
到這里就可以實現(xiàn)相機預(yù)覽了
4.增加相機數(shù)據(jù)回調(diào)
我們要增加濾鏡效果就必須對相機的數(shù)據(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) }
這里我們還需要進行綁定
除此之外我們還需要在Activity中實現(xiàn)ImageAnalysis.Analyzer
接口,數(shù)據(jù)的獲取就在此接口的回調(diào)方法中獲取,如下所示,其中ImageProxy
就包含了圖像數(shù)據(jù)
override fun analyze(image: ImageProxy) { }
5.對回調(diào)數(shù)據(jù)進行處理
我們在相機數(shù)據(jù)回調(diào)的方法中對圖像進行處理并添加濾鏡,當(dā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!!) //對圖像進行旋轉(zhuǎn)(由于回調(diào)的相機數(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,才會回調(diào)下一次的數(shù)據(jù) image.close() } }
6.拍攝照片
這里我們加一個拍照的按鈕
<?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中添加拍照的邏輯,其實就是將Bitmap轉(zhuǎn)為圖片保存到SD卡,這里我們使用了之前引入的Utilcodex
工具,當(dāng)我們點擊按鈕的時候isTakePhoto
會變?yōu)?code>true,然后在相機的回調(diào)中就會進行保存圖片的處理
bt_takepicture.setOnClickListener { isTakePhoto = true }
并且我們加入變量控制,在拍照的時候不處理回調(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!!) //對圖像進行旋轉(zhuǎn)(由于回調(diào)的相機數(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,才會回調(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自定義相機濾鏡的文章就介紹到這了,更多相關(guān)Android CameraX自定義相機濾鏡內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
Android 使用 DowanloadManager 實現(xiàn)下載并獲取下載進度實例代碼
這篇文章主要介紹了Android 使用 DowanloadManager 實現(xiàn)下載并獲取下載進度實例代碼的相關(guān)資料,需要的朋友可以參考下2017-06-06Android ViewPager實現(xiàn)頁面左右切換效果
這篇文章主要為大家詳細(xì)介紹了Android ViewPager實現(xiàn)頁面左右切換效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2022-04-04解析Android游戲中獲取電話狀態(tài)進行游戲暫?;蚶^續(xù)的解決方法
本篇文章是對在Android游戲中獲取電話狀態(tài)進行游戲暫?;蚶^續(xù)的方法進行了詳細(xì)的分析介紹,需要的朋友參考下2013-05-05Android判斷json格式將錯誤信息提交給服務(wù)器
今天小編就為大家分享一篇關(guān)于Android判斷json格式將錯誤信息提交給服務(wù)器,小編覺得內(nèi)容挺不錯的,現(xiàn)在分享給大家,具有很好的參考價值,需要的朋友一起跟隨小編來看看吧2019-03-03Android 帶箭頭的指引tipLayout實現(xiàn)示例代碼
本篇文章主要介紹了Android 帶箭頭的指引tipLayout實現(xiàn)示例代碼,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-01-01Android實現(xiàn)微信側(cè)滑關(guān)閉頁面效果
這篇文章主要為大家詳細(xì)介紹了Android實現(xiàn)微信側(cè)滑關(guān)閉頁面效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-12-12