AeroEffect - 透明模糊控件

属性

属性 类型 描述
effectiveRect { x: number, y: number, width: number, height: number } 产生效果的区域范围，默认全区域
style "light" | "dark" | "extraLight" 模糊样式，默认值”light”

用法示例

基础用法

aeroEffect(
    image({
        width: 300,
        height: 300,
        layoutConfig: layoutConfig().just(),
        image: new AssetsResource("The_Parthenon_in_Athens.jpeg"),
    }),
    {
        style: "extraLight",
        effectiveRect: {
            x: 0,
            y: 0,
            width: 300,
            height: 300
        }
    }
),

tsx写法

<AeroEffect
    style={"extraLight"}
    effectiveRect={{
        x: 0,
        y: 0,
        width: 300,
        height: 300
    }}
>
    <Image
        width={300}
        height={300}
        layoutConfig={layoutConfig().just()}
        image={new AssetsResource("The_Parthenon_in_Athens.jpeg")}
    />
</AeroEffect>