更新记录
1.0.0(2023-05-25)
新版首发
平台兼容性
Android | Android CPU类型 | iOS |
---|---|---|
适用版本区间:4.4 - 12.0 | armeabi-v7a:支持,arm64-v8a:支持,x86:支持 | 适用版本区间:11 - 16 |
原生插件通用使用流程:
- 购买插件,选择该插件绑定的项目。
- 在HBuilderX里找到项目,在manifest的app原生插件配置中勾选模块,如需要填写参数则参考插件作者的文档添加。
- 根据插件作者的提供的文档开发代码,在代码中引用插件,调用插件功能。
- 打包自定义基座,选择插件,得到自定义基座,然后运行时选择自定义基座,进行log输出测试。
- 开发完毕后正式云打包
付费原生插件目前不支持离线打包。
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原生插件配置”->”云端插件“列表中删除该插件重新选择
KJ-ImageFlip
图片照片自拍镜像、水平垂直翻转、左右上下翻转、解决相机拍照和预览画面保持一致(双端)
有需要视频左右上下翻转镜像的,更多功能的,可以看这个插件:https://ext.dcloud.net.cn/plugin?id=8690
使用
<template>
<view class="content">
<button type="primary" @click="start">拍摄/从相册选择照片,开始翻转</button>
<view class="item">
<image :src="path"></image>
<view>原图</view>
</view>
<view class="item">
<image :src="path2"></image>
<view>水平翻转/左右翻转</view>
</view>
<view class="item">
<image :src="path3"></image>
<view>垂直翻转/上下翻转</view>
</view>
</view>
</template>
<script>
var KJImageFlip = uni.requireNativePlugin("KJ-ImageFlip");
export default {
data() {
return {
path: plus.io.convertLocalFileSystemURL("static/test.JPG"),
path2: '',
path3: ''
}
},
onLoad() {
this.start_upDown();
setTimeout((res) => {
this.start_leftRight();
}, 100)
},
methods: {
start_leftRight() {
var dic = {
"filePath": this.path,
"savePath": plus.io.convertLocalFileSystemURL("_doc/KJ-ImageFlip"),
"mirroredType": "leftRight" //leftRight(水平翻转/左右翻转) upDown(垂直翻转/上下翻转)
}
KJImageFlip.start(dic, (res) => {
console.log("start:" + JSON.stringify(res));
this.path2 = res.filePath;
})
},
start_upDown() {
var dic = {
"filePath": this.path,
"savePath": plus.io.convertLocalFileSystemURL("_doc/KJ-ImageFlip"),
"mirroredType": "upDown" //leftRight(水平翻转/左右翻转) upDown(垂直翻转/上下翻转)
}
KJImageFlip.start(dic, (res) => {
console.log("start:" + JSON.stringify(res));
this.path3 = res.filePath;
})
},
start() {
uni.chooseImage({
count: 1,
sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图,默认二者都有
sourceType: ['album', 'camera'], //从相册选择
success: (res) => {
console.log(JSON.stringify(res.tempFilePaths));
this.path = plus.io.convertLocalFileSystemURL(res.tempFilePaths[0]);
this.start_leftRight();
this.start_upDown();
}
});
}
}
}
</script>
<style>
.content {
text-align: center;
}
.item {
margin-top: 16px;
}
image {
width: 150px;
height: 150px;
}
</style>