UIBlurEffect

open close show hide

概述

本插件实现一个毛玻璃效果的视图（可以理解为一个frame），然后开发者可以自己再 open 一个 frame 贴在该插件区域，即可实现自己想要毛玻璃效果。

注意本插件暂仅支持 iOS 平台。要求 iOS8.0 及以上系统。

open

添加一个插件视图

open({params})

params

rect：

  • 类型：JSON 对象
  • 描述：（可选项）插件的位置及尺寸
  • 内部字段：
{
    x: 0,   //（可选项）数字类型；插件左上角的 x 坐标（相对于所属的 Window 或 Frame）；默认值：0
    y: 0,   //（可选项）数字类型；插件左上角的 y 坐标（相对于所属的 Window 或 Frame）；默认值：0
    w: 80,  //（可选项）数字类型；插件的宽度；默认值：auto
    h: 50   //（可选项）数字类型；插件的高度；默认值：auto
}

alpha：

  • 类型：数字
  • 描述：（可选项）透明度
  • 默认值：1.0

type:

  • 类型：字符串
  • 描述：（可选项）模糊类型
  • 默认值：light
  • 取值范围：
    • light：明亮
    • extraLight：高亮
    • dark：暗淡
    • regular：普通 // 本效果要求iOS 10及以上系统
    • prominent：突出 // 本效果要求iOS 10及以上系统

fixedOn：

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

fixed:

  • 类型：布尔
  • 描述：（可选项）是否将插件视图固定到窗口上（不跟随窗口上下滚动）
  • 默认值：true

示例代码

var UIBlurEffect = api.require('UIBlurEffect');
UIBlurEffect.open({
    rect: {
        x: 100,
        y: 100,
        w: 80,
        h: 50
    },
    type: 'light',
    alpha: 0.7,
    fixedOn: api.frameName,
    fixed: true
});

可用性

iOS系统

可提供的1.0.0及更高版本

close

关闭插件视图

close()

示例代码

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

可用性

iOS系统

可提供的1.0.0及更高版本

show

显示插件视图

show()

示例代码

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

可用性

iOS系统

可提供的1.0.0及更高版本

hide

隐藏插件视图

hide()

示例代码

var UIBlurEffect = api.require('UIBlurEffect');
buttUIBlurEffecton.hide();

可用性

iOS系统

可提供的1.0.0及更高版本

是否仍需要帮助？ 请保持联络！
最后更新于 2024/11/18