如何在Jetpack Compose中通过Button点击实现打开系统相机功能

核心错误点 #

• 你的MainActivity的onCreate方法中setContent块是空的，编写的LearningCompose组件根本没有渲染到页面上，按钮自然无法响应点击
• Compose代码中直接调用MainActivity().checkCameraPermission()完全错误：手动实例化的Activity不是系统创建的活跃实例，调用其方法没有任何效果
• Compose组件中Button的modifier参数缺少赋值符，属于语法小问题

具体修改步骤 #

第一步：修改AndroidManifest.xml #

如果需要申请相机权限，需要在清单文件中添加：

<uses-permission android:name="android.permission.CAMERA" />

如果仅调用系统相机拍照、不使用自定义相机功能，可以直接删除权限判断逻辑，不需要申请该权限。

第二步：修改MainActivity代码 #

package com.example.bohubrihiwithjetpack

import android.content.Intent
import android.os.Bundle
import android.provider.MediaStore
import android.widget.Toast
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.activity.result.contract.ActivityResultContracts
import com.example.bohubrihiwithjetpack.compose.LearningCompose

class MainActivity : ComponentActivity() {
    // 用推荐的Activity Result API处理权限请求，替代废弃的onRequestPermissionsResult
    private val cameraPermissionLauncher = registerForActivityResult(ActivityResultContracts.RequestPermission()) { isGranted ->
        if (isGranted) {
            openCamera()
        } else {
            Toast.makeText(this, "Permission Denied", Toast.LENGTH_SHORT).show()
        }
    }
    
    // 处理相机拍照返回结果的 launcher（如果需要获取拍摄的照片可以保留，不需要可以省略）
    private val takePictureLauncher = registerForActivityResult(ActivityResultContracts.StartActivityForResult()) { result ->
        if (result.resultCode == RESULT_OK) {
            // 这里处理返回的照片数据
            val photoBitmap = result.data?.extras?.get("data")
        }
    }

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            // 把LearningCompose组件挂载到页面，同时传入点击相机的回调
            LearningCompose(
                onOpenCameraClick = { checkCameraPermission() }
            )
        }
    }

    fun checkCameraPermission() {
        cameraPermissionLauncher.launch(android.Manifest.permission.CAMERA)
    }

    fun openCamera() {
        val intent = Intent(MediaStore.ACTION_IMAGE_CAPTURE)
        takePictureLauncher.launch(intent)
    }
}

第三步：修改LearningCompose组件代码 #

package com.example.bohubrihiwithjetpack.compose

import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.padding
import androidx.compose.material.Button
import androidx.compose.material.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.unit.dp

@Composable
fun LearningCompose(
    modifier: Modifier = Modifier,
    // 新增回调参数，接收点击打开相机的逻辑
    onOpenCameraClick: () -> Unit = {}
) {
    Column {
        Button(
            onClick = onOpenCameraClick, 
            modifier = modifier.padding(10.dp) // 修复modifier参数的语法问题
        ) {
            Text(text = "Open Camera")
        }
        Button(onClick = { /*TODO*/ }, modifier = modifier.padding(10.dp)) {
            Text(text = "Open Gallery")
        }
        Button(onClick = { /*TODO*/ }, modifier = modifier.padding(10.dp)) {
            Text(text = "Open Browser")
        }
    }
}

Compose交互逻辑说明 #

Compose不需要XML的id属性来绑定组件，采用状态向下、事件向上的架构：

• 页面交互的逻辑（比如打开相机、请求权限）放在上层的Activity/ViewModel中
• 下层的Compose组件只接收回调函数，触发事件时直接调用传入的回调即可，不需要关心逻辑的具体实现

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