生成二維碼，並且儲存，指定位置的view成圖片，並且儲存到本地相簿

bfw2015發表於2022-04-12
View

效果圖；

儲存的圖片效果是：

 

 儲存到本地的，是整個檢視，不只是單單的二維碼的圖片，

在瞭解的一番過程之後，我知道了，

1.首先要去獲取儲存圖片的寫入許可權；（使用 https://github.com/getActivity/XXPermissions）

2. 儲存指定view的bitmap （這一步，）

3.儲存到相簿

直接上程式碼：

private val mBitmapUrl = "wwwww://WL3687211525992373----"

private lateinit var mBitmap: Bitmap

使用的使用的是 https://github.com/bingoogolapple/BGAQRCode-Android  這個裡面的類 去生成二維碼內容

同時，這個地方，是耗時操作，就使用了一下kotli的協程處理耗時操作了

lifecycleScope.launch {
val qrcodeBitmap = QRCodeEncoder.syncEncodeQRCode(mBitmapUrl, SizeUtils.dp2px(200f))
mBitmap = qrcodeBitmap
mDatabind.imageViewScanPay.load(qrcodeBitmap)
}

3. 點選下載指定檢視內容view到相簿

mDatabind.textViewDownloadPicture.setOnClickListener {
//先判斷儲存許可權是否授權
if (!XXPermissions.isGranted(
this@RechargeQrCodeActivity,
            Manifest.permission.WRITE_EXTERNAL_STORAGE
)
    ) {
XXPermissions.with(this@RechargeQrCodeActivity)
.permission(Permission.WRITE_EXTERNAL_STORAGE)
.request { permissions, all ->
if (all) {
// 儲存圖片
saveViewToImg(mDatabind.viewTop,this@RechargeQrCodeActivity)
} else {
ToastUtils.showShort("儲存許可權獲取失敗！")
}
}

} else {
// 儲存圖片
saveViewToImg(mDatabind.viewTop,this@RechargeQrCodeActivity)
}

}

 

 

/**
 * 把view儲存成圖片
*/

private fun  saveViewToImg(mView:View,mContext:Context){
// 獲取圖片的某佈局
mView.isDrawingCacheEnabled = true
mView.buildDrawingCache()
lifecycleScope.launch {
// 獲取圖片
val drawingCache = mView.drawingCache
saveImg(drawingCache)
// 儲存事後釋放資源
mView.isDrawingCacheEnabled = false
mView.destroyDrawingCache()
}


}

 

/**
 * 儲存圖片到本地
*/
private fun saveImg(bitmap: Bitmap) {
val fileName = "qr_" + System.currentTimeMillis() + ".png"
val save2Album = ImageUtils.save2Album(bitmap, fileName, Bitmap.CompressFormat.PNG, false)
if (save2Album != null) {
ToastUtils.showShort("儲存成功")
} else {
ToastUtils.showShort("儲存失敗")
}
}

在儲存圖片這裡，這裡用到了一個庫： implementation 'com.blankj:utilcodex:1.31.0'   ImageUtls.sava2Album 進行圖片的儲存；

特別注意：在儲存整個白色檢視view，做完圖片進行儲存的時候，我原來的檢視是直接用約束佈局進行寫的，檢視都是平級關係；

這樣就會導致，檢視，只是儲存了白色的view背景色檢視，view上面的內容都是沒有了，

後來，通過探索，知道了，這個地方是使用包裹內容的檢視的，所以就在裡面首先用了一層cardView , 再到裡面用了一層，線性佈局，這樣就是有層級關係了，

檢視就正常顯示； 

原先錯誤的檢視：--- 也不能說是錯誤，只是不適合，這裡的

 

 後面修改後的檢視關係

 

 

完成整個流程；

 

 

 

參考文章： 

https://blog.csdn.net/xiayiye5/article/details/115251706

 

 

 

 

 

 

相關文章