UIBlurEffect

来自于:AC模块工作室立即使用

概述

本模块实现一个毛玻璃效果的视图(可以理解为一个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及更高版本