blurredView

open

close

hide

show

论坛示例

为帮助用户更好更快的使用插件，论坛维护了一个示例，示例中包含示例代码、知识点讲解、注意事项等，供您参考。

概述

blurredView获取模糊虚化图片，通过设置不同的虚化半径、采样值和混合颜色可以获得不同的模糊虚化效果。

open

打开模糊图片。

open({params},callback(ret, err))

params

x:

  • 类型：数字
  • 默认值：0
  • 描述:（可选项）视图左上角点坐标

y:

  • 类型：数字
  • 默认值：0
  • 描述：（可选项）视图左上角点坐标

w:

  • 类型：数字
  • 默认值：0
  • 描述:（可选项） 0 ,占用所有可用宽度；大于0，指定宽度；

h:

  • 类型：数字
  • 默认值：0
  • 描述：（可选项）0 ,占用所有可用高度；大于0，指定高度；

defaultColor:

  • 类型：字符串类型；默认的颜色值 ，支持 rgb，#RRGGBB
  • 默认值：“#ffffff"
  • 描述：（可选项）图片处理成功前视图默认显示的颜色

image:

  • 类型：字符串
  • 默认值：无
  • 描述： 设置需要处理的图片，支持fs://,widget协议

radius:

  • 类型：数字
  • 默认值：20
  • 描述:（可选项） 模糊半径，取值范围>=1. 数值越大，模糊程度越大，与sampling参数配合使用；

sampling:

  • 类型：数字
  • 默认值：8
  • 描述:（可选项）图片采样值，取值范围>=1.数值越大，采样图片越小，处理效率越高，模糊程度越大。取1时，使用原图尺寸进行处理。

fixOn:

  • 类型：字符串类型
  • 默认：插件依附于当前 window
  • 描述：（可选项）插件视图添加到指定 frame 的名字

fixed:

  • 类型：布尔
  • 默认值：true（不随之滚动）
  • 描述：（可选项）插件是否随所属 window 或 frame 滚动

callback(ret, err)

ret：

  • 类型：JSON对象

内部字段：

{
    msg:"success"           //操作成功状态值
}

err：

  • 类型：JSON对象

内部字段：

{
    msg:"failed to generate target blur bitmap.Please make sure that your image uri is corect!"    //错误描述
}

示例代码

var blurredView = api.require('blurredView');
var params = {
    x:0,
    y:250,
    w:400,
    h:400,
    radius:20,
    sampling:8,
    defaultColor:"#ff00ff00",
    image:"widget://image/home.png",
};

blurredView.open(params,function(ret ,error){
    // alert(JSON.stringify(ret));
    // alert(JSON.stringify(error));
});

补充说明

无

可用性

Android系统

可提供的1.0.0及更高版本

close

关闭视图

close()

示例代码

var blurredView = api.require('blurredView');
blurredView.close();

补充说明

无

可用性

Android系统

可提供的1.0.0及更高版本

hide

隐藏视图

hide()

示例代码

var blurredView = api.require('blurredView');
blurredView.hide();

补充说明

可用性

Android系统

可提供的1.0.0及更高版本

show

显示视图

show()

示例代码

var blurredView = api.require('blurredView');
blurredView.show();

可用性

Android系统

可提供的1.0.0及更高版本

是否仍需要帮助？ 请保持联络！
最后更新于 2025/09/15