一文搞懂WebView(H5)调用安卓原生相机及相册

2022-12-19 06:47:53

移动开发利器：在WebView（H5）中调用安卓原生相机和相册

引言

随着移动互联网的飞速发展，WebView（H5）技术已成为混合应用开发中不可或缺的一环，它可以在原生应用中嵌入网页，实现跨平台开发。在WebView（H5）中，调用安卓原生相机和相册的需求非常普遍，本文将深入探究两种实现方法：Intent 和 Chrome Custom Tabs。

一、Intent 方法

1. 相机调用

Intent intent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);
startActivityForResult(intent, REQUEST_CODE_CAMERA);

2. 相册调用

Intent intent = new Intent(Intent.ACTION_GET_CONTENT);
intent.setType("image/*");
startActivityForResult(intent, REQUEST_CODE_ALBUM);

3. 结果处理

在 onActivityResult() 方法中处理相机或相册返回的图片或 Uri。

@Override
protected void onActivityResult(int requestCode, int resultCode, Intent data) {
    if (requestCode == REQUEST_CODE_CAMERA && resultCode == RESULT_OK) {
        // 获取相机图片
        Bitmap bitmap = (Bitmap) data.getExtras().get("data");
    } else if (requestCode == REQUEST_CODE_ALBUM && resultCode == RESULT_OK) {
        // 获取相册图片 Uri
        Uri uri = data.getData();
    }
}

二、Chrome Custom Tabs 方法

Chrome Custom Tabs 是谷歌推出的新一代 WebView 实现，拥有更好的兼容性、性能和特性支持。

1. 调用

CustomTabsIntent.Builder builder = new CustomTabsIntent.Builder();
CustomTabsIntent customTabsIntent = builder.build();
customTabsIntent.launchUrl(this, Uri.parse("https://www.example.com"));

2. 结果处理

在 onActivityResult() 方法中处理 Chrome Custom Tabs 返回的图片 Uri。

@Override
protected void onActivityResult(int requestCode, int resultCode, Intent data) {
    if (requestCode == REQUEST_CODE_CUSTOM_TABS && resultCode == RESULT_OK) {
        // 获取 Chrome Custom Tabs 图片 Uri
        Uri uri = data.getData();
    }
}