diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_effectcomponent.png b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_effectcomponent.png index eccde502008d1c8df3e6a8e06e4a2f8423098faf..4c472a458467a1c8b699ba43af38a877b8c0545e 100644 Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_effectcomponent.png and b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_effectcomponent.png differ diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-container-effectcomponent.md b/zh-cn/application-dev/reference/arkui-ts/ts-container-effectcomponent.md index 0906104289b59d3289959aa94bbbcfeb3cc7101a..6a971422cfe0a30f10fad964e3f602c4c83c19a2 100644 --- a/zh-cn/application-dev/reference/arkui-ts/ts-container-effectcomponent.md +++ b/zh-cn/application-dev/reference/arkui-ts/ts-container-effectcomponent.md @@ -6,7 +6,9 @@ > > - 该组件从API Version 10开始支持。 > -> - 目前该组件仅支持子组件背景模糊效果的合并优化。在对子组件的背景模糊特效进行绘制合并时,需要将子组件的backgroundBlurStyle(BlurStyle)属性替换成userEffect(true)。 +> - 目前该组件仅支持子组件背景模糊效果的绘制合并优化。 +> +> - 在对子组件的背景模糊特效进行绘制合并时,需要将子组件的backgroundBlurStyle(BlurStyle)属性替换成useEffect(true)。 ## 子组件 @@ -18,7 +20,7 @@ EffectComponent() -创建特效合并组件,用于对子组件背景模糊特效绘制的合并。 +创建特效绘制合并组件,用于对子组件背景模糊特效的绘制合并。 ## 事件 @@ -41,15 +43,17 @@ struct Index { .autoResize(true) EffectComponent() { Column({ space: 20 }) { + // 使用backgroundBlurStyle进行模糊绘制 Text("Normal text with backgroundBlurStyle") .textAlign(TextAlign.Center) .fontSize(16) .fontWeight(FontWeight.Medium) - .backgroundBlurStyle(BlurStyle.Thin) + .backgroundBlurStyle(BlurStyle.Thick) .borderRadius(16) .width('90%') .height('48') + // 不进行模糊绘制 Text("Normal text without blur effect") .textAlign(TextAlign.Center) .fontSize(16) @@ -59,6 +63,7 @@ struct Index { .width('90%') .height('48') + // 使用useEffect进行模糊合并绘制,继承effectcomponent的模糊参数 Text("Normal text with useeffcet blur 1") .textAlign(TextAlign.Center) .useEffect(true) @@ -68,6 +73,7 @@ struct Index { .width('90%') .height('48') + // 使用useEffect进行模糊合并绘制,继承effectcomponent的模糊参数 Text("Normal text with useeffcet blur 2") .textAlign(TextAlign.Center) .useEffect(true)