Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
8df1a256
D
Docs
项目概览
OpenHarmony
/
Docs
大约 1 年 前同步成功
通知
159
Star
292
Fork
28
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
D
Docs
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
未验证
提交
8df1a256
编写于
9月 08, 2022
作者:
O
openharmony_ci
提交者:
Gitee
9月 08, 2022
浏览文件
操作
浏览文件
下载
差异文件
!9233 翻译完成 8650/8151:ts-universal-attributes-backgroundBlurStyle.md
Merge pull request !9233 from ester.zhou/TR-8650
上级
6feca43c
60002a14
变更
3
隐藏空白更改
内联
并排
Showing
3 changed file
with
54 addition
and
0 deletion
+54
-0
en/application-dev/reference/arkui-ts/Readme-EN.md
en/application-dev/reference/arkui-ts/Readme-EN.md
+1
-0
en/application-dev/reference/arkui-ts/figures/en-us_image_background_blur_style.png
...ce/arkui-ts/figures/en-us_image_background_blur_style.png
+0
-0
en/application-dev/reference/arkui-ts/ts-universal-attributes-backgroundBlurStyle.md
...e/arkui-ts/ts-universal-attributes-backgroundBlurStyle.md
+53
-0
未找到文件。
en/application-dev/reference/arkui-ts/Readme-EN.md
浏览文件 @
8df1a256
...
...
@@ -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
...
...
en/application-dev/reference/arkui-ts/figures/en-us_image_background_blur_style.png
0 → 100644
浏览文件 @
8df1a256
84.6 KB
en/application-dev/reference/arkui-ts/ts-universal-attributes-backgroundBlurStyle.md
0 → 100644
浏览文件 @
8df1a256
# 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.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录