1# 组件内容模糊 (系统接口) 2 3为当前组件添加内容模糊效果。 4 5> **说明：** 6> 7> 从API Version 10开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。 8> 9> 当前页面仅包含本模块的系统接口，其他公开接口参见[组件内容模糊](ts-universal-attributes-foreground-blur-style.md)。 10 11## BlurStyleOptions 12 13| 名称 | 参数类型 | 必填 | 描述 | 14| --------------------------- | ------------------------------------------------------- | ---- | ------------------------------------------------------------ | 15| scale | number | 否 | 内容模糊效果程度。此参数为系统接口。<br/>默认值：1.0 <br/>取值范围：[0.0, 1.0]<br/>| 16 17## 示例 18 19```ts 20// xxx.ets 21@Entry 22@Component 23struct ForegroundBlurStyleDemo { 24 build() { 25 Column() { 26 Text('Thin Material').fontSize(30).fontColor(0xCCCCCC) 27 Image($r('app.media.bg')) 28 .width(300) 29 .height(350) 30 .foregroundBlurStyle(BlurStyle.Thin, { colorMode: ThemeColorMode.LIGHT, adaptiveColor: AdaptiveColor.DEFAULT, scale: 1.0 }) 31 } 32 .height('100%') 33 .width('100%') 34 } 35} 36``` 37 38
