Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
ee0fca15
D
Docs
项目概览
OpenHarmony
/
Docs
大约 2 年 前同步成功
通知
161
Star
293
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看板
未验证
提交
ee0fca15
编写于
6月 30, 2023
作者:
O
openharmony_ci
提交者:
Gitee
6月 30, 2023
浏览文件
操作
浏览文件
下载
差异文件
!20275 添加内容模糊文档
Merge pull request !20275 from Claudia335/master
上级
3b584e3d
e1d98eab
变更
3
显示空白变更内容
内联
并排
Showing
3 changed file
with
46 addition
and
0 deletion
+46
-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_foreground_blur_style.png
...ce/arkui-ts/figures/zh-cn_image_foreground_blur_style.png
+0
-0
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-foreground-blur-style.md
...arkui-ts/ts-universal-attributes-foreground-blur-style.md
+45
-0
未找到文件。
zh-cn/application-dev/reference/arkui-ts/Readme-CN.md
浏览文件 @
ee0fca15
...
@@ -39,6 +39,7 @@
...
@@ -39,6 +39,7 @@
-
[
多态样式
](
ts-universal-attributes-polymorphic-style.md
)
-
[
多态样式
](
ts-universal-attributes-polymorphic-style.md
)
-
[
分布式迁移标识
](
ts-universal-attributes-restoreId.md
)
-
[
分布式迁移标识
](
ts-universal-attributes-restoreId.md
)
-
[
前景色设置
](
ts-universal-attributes-foreground-color.md
)
-
[
前景色设置
](
ts-universal-attributes-foreground-color.md
)
-
[
组件内容模糊
](
ts-universal-attributes-foreground-blur-style.md
)
-
[
点击回弹
](
ts-universal-attributes-click-effect.md
)
-
[
点击回弹
](
ts-universal-attributes-click-effect.md
)
-
触摸交互控制
-
触摸交互控制
-
[
触摸热区设置
](
ts-universal-attributes-touch-target.md
)
-
[
触摸热区设置
](
ts-universal-attributes-touch-target.md
)
...
...
zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_foreground_blur_style.png
0 → 100644
浏览文件 @
ee0fca15
42.5 KB
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-foreground-blur-style.md
0 → 100644
浏览文件 @
ee0fca15
# 组件内容模糊
为当前组件添加内容模糊效果。
> **说明:**
>
> 从API Version 10开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。
## 属性
| 名称 | 参数类型 | 描述 |
| -------- | -------- | -------- |
| foregroundBlurStyle | value:
[
BlurStyle
](
ts-appendix-enums.md#blurstyle9
)
,
<br/>
options?:
[
ForegroundBlurStyleOptions
](
#foregroundblurstyleoptions10对象说明
)
| 为当前组件提供内容模糊能力。
<br/>
value: 内容模糊样式。模糊样式由模糊半径、蒙版颜色、蒙版透明度、饱和度、亮度五个参数组成。
<br/>
options: 可选参数,内容模糊选项。 |
## ForegroundBlurStyleOptions对象说明
| 名称 | 参数类型 | 必填 | 描述 |
| --------------------------- | ------------------------------------------------------- | ---- | ------------------------------------------------------------ |
| colorMode |
[
ThemeColorMode
](
ts-appendix-enums.md#themecolormode10
)
| 否 | 内容模糊效果使用的深浅色模式。
<br/>
默认值:ThemeColorMode.System |
| adaptiveColor |
[
AdaptiveColor
](
ts-appendix-enums.md#adaptivecolor10
)
| 否 | 内容模糊效果使用的取色模式。
<br/>
默认值:AdaptiveColor.Default |
| scale | number | 否 | 内容模糊效果程度。此参数为系统接口。
<br/>
默认值:1.0
<br/>
取值范围:[0.0, 1.0]
<br/>
|
## 示例
### 示例1
```
ts
// xxx.ets
@
Entry
@
Component
struct
ForegroundBlurStyleDemo
{
build
()
{
Column
()
{
Text
(
'
Thin Material
'
).
fontSize
(
30
).
fontColor
(
0xCCCCCC
)
Image
(
$r
(
'
app.media.bg
'
))
.
width
(
300
)
.
height
(
350
)
.
foregroundBlurStyle
(
BlurStyle
.
Thin
,
{
colorMode
:
ThemeColorMode
.
LIGHT
,
adaptiveColor
:
AdaptiveColor
.
DEFAULT
,
scale
:
1.0
})
}
.
height
(
'
100%
'
)
.
width
(
'
100%
'
)
}
}
```

\ No newline at end of file
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录