更新记录

1.0.4(2021-12-29)

  1. 更新插件使用说明

平台兼容性

Android iOS
× 适用版本区间:9 - 15

原生插件通用使用流程:

  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原生插件配置”->”云端插件“列表中删除该插件重新选择


一、引入方法

var photoEditor = uni.requireNativePlugin("Nieyu-NYPhotoEditor")

二、使用方法

1. 拍照编辑图片
                photoEditor.pushToCameraViewController({
                        'name': 'uni-app',
                        'age': 1
                    },
                    (ret) => {
                        /// 得到图片临时缓存路径
                        tempPhotoPath = ret
                        uni.showToast({
                            title: '图片临时路径:' + tempPhotoPath ,
                            icon: "none"
                        })
                        console.log(ret)
                    })
2. 从相册选择图片
                photoEditor.pushToAlbumViewController({
                        'name': 'uni-app',
                        'age': 1
                    },
                    (ret) => {
                        /// 得到图片临时缓存路径
                        tempPhotoPath = ret
                        uni.showToast({
                            title: '图片临时路径:' + tempPhotoPath ,
                            icon: "none"
                        })
                        console.log(ret)
                    })
3. 删除缓存中编辑好的单张图片
                var tempPhotoPath = '/nyAlbum/123456789.png'
                photoEditor.clearImage({
                        'imgPath': tempPhotoPath ,
                        'time': 'now'
                })
4. 删除缓存中全部编辑好的图片
            photoEditor.clearAllImages()
5. 完整示例代码
<template>
    <view class="content">
        <image class="logo" src="/static/logo.png"></image>
        <div>
            <button type="primary" @click="testPhotoModule">相册</button>
            <button type="primary" @click="testShowCamera">照相机</button>
            <button type="primary" @click="testClearImage">删除指定图片</button>
            <button type="primary" @click="testClearAllImage">删除所有图片</button>
        </div>
    </view>
</template>

<script>
    /// uniApp宿主对象
    var testModule = uni.requireNativePlugin("Nieyu-NYPhotoEditor")
    /// 临时的图片存储路径
    var tempPath = ""
    export default {
        methods: {

            testShowCamera() {
                testModule.pushToCameraViewController({
                        'name': 'uni-app',
                        'age': 1
                    },
                    (ret) => {
                        tempPath = ret
                        uni.showToast({
                            title: '调用异步方法照相 ' + ret,
                            icon: "none"
                        })
                        console.log(ret)
                    })
            },

            testPhotoModule() {
                // 调用异步方法
                testModule.pushToAlbumViewController({
                        'name': 'uni-app',
                        'age': 1
                    },
                    (ret) => {
                        tempPath = ret
                        uni.showToast({
                            title: '调用异步方法相册 ' + ret,
                            icon: "none"
                        })
                        console.log(ret)
                    })
            },

            testClearImage() {
                testModule.clearImage({
                        'imgPath': tempPath,
                        'time': 'now'
                })
            },

            testClearAllImage() {
                testModule.clearAllImages()
            }

        }
    }
</script>

<style>
    .content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .logo {
        height: 200rpx;
        width: 200rpx;
        margin-top: 200rpx;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 50rpx;
    }

    .text-area {
        display: flex;
        justify-content: center;
    }

    .title {
        font-size: 36rpx;
        color: #8f8f94;
    }
</style>

隐私、权限声明

1. 本插件需要申请的系统权限列表:

1. 相册权限/Privacy - Photo Library Usage Description 2. 拍照权限/Privacy - Camera Usage Description

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问