Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
d5f3dd21
D
Docs
项目概览
OpenHarmony
/
Docs
12 个月 前同步成功
通知
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,发现更多精彩内容 >>
未验证
提交
d5f3dd21
编写于
8月 23, 2022
作者:
O
openharmony_ci
提交者:
Gitee
8月 23, 2022
浏览文件
操作
浏览文件
下载
差异文件
!8151 新增backgroundBlurStyle接口文档
Merge pull request !8151 from 陈宇怀/master
上级
14d32318
41ab2986
变更
3
隐藏空白更改
内联
并排
Showing
3 changed file
with
54 addition
and
0 deletion
+54
-0
zh-cn/application-dev/reference/arkui-ts/Readme-CN.md
zh-cn/application-dev/reference/arkui-ts/Readme-CN.md
+1
-0
zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_background_blur_style.png
...ce/arkui-ts/figures/zh-cn_image_background_blur_style.png
+0
-0
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-backgroundBlurStyle.md
...e/arkui-ts/ts-universal-attributes-backgroundBlurStyle.md
+53
-0
未找到文件。
zh-cn/application-dev/reference/arkui-ts/Readme-CN.md
浏览文件 @
d5f3dd21
...
...
@@ -39,6 +39,7 @@
-
[
触摸热区设置
](
ts-universal-attributes-touch-target.md
)
-
[
多态样式
](
ts-universal-attributes-polymorphic-style.md
)
-
[
触摸测试控制
](
ts-universal-attributes-hit-test-behavior.md
)
-
[
背景模糊设置
](
ts-universal-attributes-backgroundBlurStyle.md
)
-
手势处理
-
[
绑定手势方法
](
ts-gesture-settings.md
)
-
基础手势
...
...
zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_background_blur_style.png
0 → 100644
浏览文件 @
d5f3dd21
84.6 KB
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-backgroundBlurStyle.md
0 → 100644
浏览文件 @
d5f3dd21
# 组件背景模糊
为当前组件添加背景模糊效果。
> **说明:**
>
>从API Version 9开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。
## 权限列表
无
## 属性
| 名称 | 参数类型 | 默认值 | 描述 |
| ------------ | ------------- | ----------------------- | ------------------------ |
| backgroundBlurStyle |
[
BlurStyle
](
#blurstyle
)
| - | 为当前组件提供一种在背景和内容之间的模糊能力,入参为模糊材质。
## BlurStyle
| 名称 | 描述 |
| ------ | ----------------------------------------------- |
| Thin | 轻薄材质。 |
| Regular | 普通厚度材质。 |
| Thick | 厚材质。 |
## 示例
```
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
)
}
```
![
zh-cn_image_background_blur_style
](
figures/zh-cn_image_background_blur_style.png
)
\ No newline at end of file
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录