如何将Jetpack Compose Image转换为Bitmap实现图片分享

不需要从Compose渲染树里硬抠Image组件的Bitmap，结合你已经在用Coil的技术栈，有两种稳定实现方案，优先选第一种：

方案1：直接从Coil加载流程获取原图Bitmap（推荐） #

这个方案不需要等组件渲染完成，拿到的是原始分辨率的完整图片，不会出现裁剪、模糊、捕获到占位符的问题，性能更好。

• 首先在Composable中定义状态暂存加载成功的Bitmap
• 给Coil的图片请求加加载成功回调，把结果存入状态
• 点击分享时将Bitmap存入可对外分享的MediaStore/ContentProvider路径，拿到Uri后调起系统分享

对应代码实现：

@Composable
fun PhotoDetailsScreen(photo: AstroPhoto) {
    val context = LocalContext.current
    val imgUri = photo.url.toUri()
        .buildUpon()
        .scheme("https")
        .build()
    // 暂存加载完成的原图Bitmap
    var loadedBitmap by remember { mutableStateOf<Bitmap?>(null) }

    Column {
        Image(
            painter = rememberAsyncImagePainter( // Coil 2.x+ 用rememberAsyncImagePainter，老版本可继续用rememberImagePainter
                model = ImageRequest.Builder(context)
                    .data(imgUri)
                    .crossfade(true)
                    .placeholder(R.drawable.loading_animation)
                    .listener(
                        onSuccess = { _, result ->
                            loadedBitmap = result.drawable.toBitmap()
                        }
                    )
                    .build()
            ),
            contentDescription = null,
            // 原有尺寸、缩放、修饰符配置保持不变
            modifier = Modifier.fillMaxWidth()
        )

        AssistChip(
            onClick = {
                loadedBitmap?.let { bitmap ->
                    // 用你已经掌握的逻辑存Bitmap到可分享路径，拿到content类型Uri
                    val shareUri = saveBitmapToShareableUri(bitmap, context)
                    shareAstroPhoto(shareUri.toString(), context)
                } ?: Toast.makeText(context, "图片加载中，请稍后再试", Toast.LENGTH_SHORT).show()
            },
            label = { Text("分享图片") }
        )
    }
}

// 最简可分享Bitmap保存实现（适配全版本Android，不需要额外存储权限）
private fun saveBitmapToShareableUri(bitmap: Bitmap, context: Context): Uri {
    val fileName = "shared_astro_${System.currentTimeMillis()}.jpg"
    val contentValues = ContentValues().apply {
        put(MediaStore.Images.Media.DISPLAY_NAME, fileName)
        put(MediaStore.Images.Media.MIME_TYPE, "image/jpeg")
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.Q) {
            put(MediaStore.Images.Media.RELATIVE_PATH, "${Environment.DIRECTORY_PICTURES}/PhotoAppShare")
            put(MediaStore.Images.Media.IS_PENDING, 1)
        }
    }
    val resolver = context.contentResolver
    val insertUri = resolver.insert(MediaStore.Images.Media.EXTERNAL_CONTENT_URI, contentValues)
        ?: throw IllegalStateException("图片保存失败")
    
    resolver.openOutputStream(insertUri)?.use { os ->
        bitmap.compress(Bitmap.CompressFormat.JPEG, 100, os)
    }
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.Q) {
        contentValues.clear()
        contentValues.put(MediaStore.Images.Media.IS_PENDING, 0)
        resolver.update(insertUri, contentValues, null, null)
    }
    return insertUri
}

// 修正后的分享方法，补全权限标记
fun shareAstroPhoto(uri: String, context: Context){
    val imageUri = uri.toUri()
    val intent = Intent().apply {
        action = Intent.ACTION_SEND
        putExtra(Intent.EXTRA_STREAM, imageUri)
        type = "image/jpeg"
        addFlags(Intent.FLAG_GRANT_READ_URI_PERMISSION) // 必须加，否则第三方应用无权限读取文件
    }
    context.startActivity(Intent.createChooser(intent, "分享图片到"))
}

方案2：捕获Composable组件的实时渲染内容（适合带自定义效果的场景） #

如果你给Image加了滤镜、水印、圆角裁剪等自定义绘制效果，需要分享用户在屏幕上看到的最终效果，可以直接用Compose官方的图形捕获API，不需要回退到XML View体系：

@Composable
fun PhotoDetailsScreen(photo: AstroPhoto) {
    val context = LocalContext.current
    val imgUri = photo.url.toUri().buildUpon().scheme("https").build()
    // 初始化图形捕获状态
    val graphicsLayerState = rememberGraphicsLayerState()

    Column {
        Image(
            painter = rememberAsyncImagePainter(
                data = imgUri,
                builder = {
                    crossfade(true)
                    placeholder(R.drawable.loading_animation)
                }
            ),
            contentDescription = null,
            modifier = Modifier
                .fillMaxWidth()
                // 绑定捕获状态到目标组件
                .graphicsLayer {
                    this.graphicsLayerState = graphicsLayerState
                }
        )

        AssistChip(
            onClick = {
                // 捕获组件当前渲染内容，转为Android原生Bitmap
                val capturedBitmap = graphicsLayerState.toImageBitmap().asAndroidBitmap()
                val shareUri = saveBitmapToShareableUri(capturedBitmap, context)
                shareAstroPhoto(shareUri.toString(), context)
            },
            label = { Text("分享图片") }
        )
    }
}

注意：这个方案捕获的是组件在屏幕上实际渲染的尺寸，如果给Image设置了裁剪、缩放效果，拿到的就是处理后的显示内容，不是完整原图，仅适合分享带界面修饰效果的场景。

常见避坑点 #

• 分享的Uri必须是content://类型，不能传file://类型的Uri，不然Android 7.0以上会直接抛出FileUriExposedException
• 捕获组件渲染内容时，要确保组件已经完全加载并显示在屏幕上，不然会捕获到空白或者加载中的占位图

内容的提问来源于stack exchange，提问作者Tonnie