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对象

内部字段:

  1. {
  2. msg:"success" //操作成功状态值
  3. }

err:

  • 类型:JSON对象

内部字段:

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

示例代码

  1. var blurredView = api.require('blurredView');
  2. var params = {
  3. x:0,
  4. y:250,
  5. w:400,
  6. h:400,
  7. radius:20,
  8. sampling:8,
  9. defaultColor:"#ff00ff00",
  10. image:"widget://image/home.png",
  11. };
  12. blurredView.open(params,function(ret ,error){
  13. // alert(JSON.stringify(ret));
  14. // alert(JSON.stringify(error));
  15. });

补充说明

可用性

Android系统

可提供的1.0.0及更高版本

close

关闭视图

close()

示例代码

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

补充说明

可用性

Android系统

可提供的1.0.0及更高版本

hide

隐藏视图

hide()

示例代码

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

补充说明

可用性

Android系统

可提供的1.0.0及更高版本

show

显示视图

show()

示例代码

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

可用性

Android系统

可提供的1.0.0及更高版本