Skip to content

D
Docs

OpenHarmony / Docs
大约 2 年 前同步成功

通知 161
Star 293
Fork 28
D
Docs
提交 66cadd8a 编写于 作者: Y yanjin1122
浏览文件
操作

add effectcomponent doc 

Signed-off-by: Nyanjin1122 <976819878@qq.com>
上级 fff75385
显示空白变更内容
内联 并排
Showing with 39 addition and 30 deletion
zh-cn/application-dev/reference/arkui-ts/ts-container-effectcomponent.md
浏览文件 @ 66cadd8a
...@@ -39,39 +39,48 @@ struct Index { ...@@ -39,39 +39,48 @@ struct Index {
Stack() { Stack() {
Image("pages/test1.png") Image("pages/test1.png")
.autoResize(true) .autoResize(true)
Column(){ EffectComponent() {
Column({ space: 20 }) {
Text("Normal text with backgroundBlurStyle") Text("Normal text with backgroundBlurStyle")
.fontSize(30) .textAlign(TextAlign.Center)
.fontWeight(FontWeight.Bold) .fontSize(16)
.fontWeight(FontWeight.Medium)
.backgroundBlurStyle(BlurStyle.Thin) .backgroundBlurStyle(BlurStyle.Thin)
.borderRadius(30) .borderRadius(16)
.width('90%')
EffectComponent() { .height('48')
Column() {
Text("Normal text without blur effect") Text("Normal text without blur effect")
.fontSize(30) .textAlign(TextAlign.Center)
.fontWeight(FontWeight.Bold) .fontSize(16)
.borderRadius(20) .fontWeight(FontWeight.Medium)
.border({ width: 1 })
.borderRadius(16)
.width('90%')
.height('48')
Text("Normal text with useeffcet blur 1") Text("Normal text with useeffcet blur 1")
.textAlign(TextAlign.Center)
.useEffect(true) .useEffect(true)
.fontSize(30) .fontSize(16)
.fontWeight(FontWeight.Bold) .fontWeight(FontWeight.Medium)
.borderRadius(20) .borderRadius(16)
.width('90%')
.height('48')
Text("Normal text with useeffcet blur 2") Text("Normal text with useeffcet blur 2")
.textAlign(TextAlign.Center)
.useEffect(true) .useEffect(true)
.fontSize(30) .fontSize(16)
.fontWeight(FontWeight.Bold) .fontWeight(FontWeight.Medium)
.borderRadius(40) .borderRadius(16)
.width('90%')
.height('48')
} }
.borderWidth(5) .width('100%')
.borderColor(Color.Green)
} }
.backgroundBlurStyle(BlurStyle.Thin) .backgroundBlurStyle(BlurStyle.Thin)
} }
}
.backgroundColor(Color.Black) .backgroundColor(Color.Black)
.width('100%') .width('100%')
.height('100%') .height('100%')
......
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或