更新记录

1.1（2024-10-22）

支持设换摄像头 支持声音设置

1.0（2024-04-10）

• 支持任意自定义界面
• 支持手势缩放
• 支持裁剪（手势拖动、比例设置、旋转）
• 支持自定义保存路径

平台兼容性

原生插件通用使用流程：

1. 购买插件，选择该插件绑定的项目。
2. 在HBuilderX里找到项目，在manifest的app原生插件配置中勾选模块，如需要填写参数则参考插件作者的文档添加。
3. 根据插件作者的提供的文档开发代码，在代码中引用插件，调用插件功能。
4. 打包自定义基座，选择插件，得到自定义基座，然后运行时选择自定义基座，进行log输出测试。
5. 开发完毕后正式云打包

付费原生插件目前不支持离线打包。
Android 离线打包原生插件另见文档 https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/android
iOS 离线打包原生插件另见文档 https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/ios

注意事项：使用HBuilderX2.7.14以下版本，如果同一插件且同一appid下购买并绑定了多个包名，提交云打包界面提示包名绑定不一致时，需要在HBuilderX项目中manifest.json->“App原生插件配置”->”云端插件“列表中删除该插件重新选择

自定义相机插件（组件版、缩放、裁剪） Ba-CameraView

简介

Ba-CameraView 是一款自定义相机拍照组件，支持任意界面，支持裁剪

• 支持任意自定义界面
• 支持手势缩放
• 支持裁剪（手势拖动、比例设置、旋转）
• 支持自定义保存路径

有建议和需要，请联系QQ：2579546054

也可关注博客，实时更新最新插件：

uniapp 常用原生插件大全

使用方法（示例）

在 template 中直接引用

        <Ba-CameraView ref="cameraView" class="camera-view" :load="loadData">
        </Ba-CameraView>

在 script 中调用

    const toast = uni.requireNativePlugin('Ba-Toast')//toast插件（可以不用）：https://ext.dcloud.net.cn/plugin?id=9688
    export default {
        data() {
            return {
                loadData: { //配置
                    isToast: true,
                    isShowVibrate: true, //拍照成功是否震动提示
                    isShowBeep: true, //拍照成功是否语音提示
                    zoom: true //是否支持手势缩放
                },
                msgList: []
            }
        },
        onReady() {
            this.setListener(); //设置监听
        },
        methods: {
            switchCamera() { //切换摄像头
                this.$refs.cameraView.switchCamera((res) => {
                    this.showToast(res.msg)
                })
            },
            onTakePicture() { //拍照
                this.$refs.cameraView.takePicture((res) => {
                    this.showToast(res.msg)
                })
            },
            onBackClick() {
                uni.navigateBack();
            },
            setListener() {
                this.$refs.cameraView.setListener((res) => {
                    if (res.action == "error") {
                        this.showToast(res.msg)
                    }
                })
            },
            showToast(msg) {
                toast.showToast({
                    title: msg
                });
            }
        }
    }

API

load 配置

takePicture 拍照方法

回调参数

switchCamera 拍照方法

切换摄像头