更新记录
1.0.0(2020-12-14)
新增sn-blur-view,支持实时高斯模糊
平台兼容性
Android | Android CPU类型 | iOS |
---|---|---|
适用版本区间:4.4 - 11.0 | armeabi-v7a:未测试,arm64-v8a:未测试,x86:未测试 | × |
原生插件通用使用流程:
- 购买插件,选择该插件绑定的项目。
- 在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原生插件配置”->”云端插件“列表中删除该插件重新选择
使用文档 (更多插件及问题,+qq 群:1091229222)
说明
此插件提供了 sn-blur-view 组件,仅 nvue 使用
属性
属性 | 类型 | 默认值 | 说明 |
---|---|---|---|
radius | number(int) | 12 | 高斯函数的标准差 |
cornerRadius | number(float) | 0 | 圆角半径 |
downscaleFactor | number(float) | 0.12 | 模糊因子 |
alpha | number(float) | 0 | 透明度 |
fps | number(int) | 60 | 刷新率 |
方法
-
startBlur
开启实时 blur
-
pauseBlur
关闭实时 blur
使用
<template>
<view>
<image
src="/static/logo.png"
style="width: 750rpx; height: 500rpx;"
></image>
<sn-blur-view
v-if="isAndroid"
style="width: 750rpx;height: 100rpx;position: absolute;top: 100rpx;left: 0;"
/>
</view>
</template>
<script>
export default {
data() {
return {
isAndroid: uni.getSystemInfoSync().platform == "android",
};
},
methods: {},
};
</script>
<style></style>