未验证 提交 8df1a256 编写于 作者: O openharmony_ci 提交者: Gitee

!9233 翻译完成 8650/8151:ts-universal-attributes-backgroundBlurStyle.md

Merge pull request !9233 from ester.zhou/TR-8650
......@@ -38,6 +38,7 @@
- [Component ID](ts-universal-attributes-component-id.md)
- [Touch Target](ts-universal-attributes-touch-target.md)
- [Polymorphic Style](ts-universal-attributes-polymorphic-style.md)
- [Background Blur](ts-universal-attributes-backgroundBlurStyle.md)
- Gesture Processing
- [Gesture Binding Methods](ts-gesture-settings.md)
- Basic Gestures
......
# Background Blur
You can apply background blur effects to a component.
> **NOTE**
>
>The APIs of this module are supported since API version 9. Updates will be marked with a superscript to indicate their earliest API version.
## Required Permissions
None
## Attributes
| Name | Type | Default Value | Description |
| ------------ | ------------- | ----------------------- | ------------------------ |
| backgroundBlurStyle | [BlurStyle](#blurstyle) | - | Style of the blur between the background and content for the current component. The input parameter indicates a blur material.|
## BlurStyle
| Name | Description |
| ------ | ----------------------------------------------- |
| Thin | Thin material.|
| Regular | Regular material. |
| Thick | Thick material. |
## Example
```ts
// xxx.ets
@Entry
@Component
struct Index {
build() {
Column() {
Row() {
Text("Thin Material")
}
.width(350)
.height(300)
.backgroundBlurStyle(BlurStyle.Thin)
.position({x: "15%", y: "30%"})
}
.height('100%')
.width('100%')
.backgroundImage($r('app.media.bg'))
.backgroundImageSize(ImageSize.Cover)
}
```
![en-us_image_background_blur_style](figures/en-us_image_background_blur_style.png)
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册