Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
b8550406
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,发现更多精彩内容 >>
未验证
提交
b8550406
编写于
2月 23, 2023
作者:
O
openharmony_ci
提交者:
Gitee
2月 23, 2023
浏览文件
操作
浏览文件
下载
差异文件
!14875 ArkUI shadow属性支持样式设置
Merge pull request !14875 from yeyinglong/shadow
上级
17240ec2
2f05e645
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
23 addition
and
1 deletion
+23
-1
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-image-effect.md
...eference/arkui-ts/ts-universal-attributes-image-effect.md
+23
-1
未找到文件。
zh-cn/application-dev/reference/arkui-ts/ts-universal-attributes-image-effect.md
浏览文件 @
b8550406
...
...
@@ -14,7 +14,7 @@
| ----------------------------- | ------------------------------------------------------------ | ------ | ------------------------------------------------------------ |
| blur | number | - | 为当前组件添加内容模糊效果,入参为模糊半径,模糊半径越大越模糊,为0时不模糊。 |
| backdropBlur | number | - | 为当前组件添加背景模糊效果,入参为模糊半径,模糊半径越大越模糊,为0时不模糊。 |
| shadow |
{
<br/>
radius:
number
\|
[
Resource
](
ts-types.md#resource
)
,
<br/>
color?:
[
Color
](
ts-appendix-enums.md#color
)
\|
string
\|
[
Resource
](
ts-types.md#resource
)
,
<br/>
offsetX?:
number
\|
[
Resource
](
ts-types.md#resource
)
,
<br/>
offsetY?:
number
\|
[
Resource
](
ts-types.md#resource
)
<br/>
} | - | 为当前组件添加阴影效果,入参为模糊半径(必填)、阴影的颜色(可选,默认为灰色)、X轴的偏移量(可选,默认为0),Y轴的偏移量(可选,默认为0),偏移量单位为px。
|
| shadow |
[
ShadowOptions
](
#shadowoptions对象说明
)
\|
[
ShadowStyle
](
#shadowstyle10枚举说明
)
| - | 为当前组件添加阴影效果。
<br/>
入参类型为ShadowOptions时,可以指定模糊半径、阴影的颜色、X轴和Y轴的偏移量。
<br/>
入参类型为ShadowStyle时,可指定不同阴影样式。
|
| grayscale | number | 0.0 | 为当前组件添加灰度效果。值定义为灰度转换的比例,入参1.0则完全转为灰度图像,入参则0.0图像无变化,入参在0.0和1.0之间时,效果呈线性变化。(百分比) |
| brightness | number | 1.0 | 为当前组件添加高光效果,入参为高光比例,值为1时没有效果,小于1时亮度变暗,0为全黑;大于1时亮度增加,数值越大亮度越大。 |
| saturate | number | 1.0 | 为当前组件添加饱和度效果,饱和度为颜色中的含色成分和消色成分(灰)的比例,入参为1时,显示原图像,大于1时含色成分越大,饱和度越大;小于1时消色成分越大,饱和度越小。(百分比) |
...
...
@@ -24,6 +24,28 @@
| hueRotate | number
\|
string | '0deg' | 色相旋转效果,输入参数为旋转角度。 |
| colorBlend
<sup>
8+
</sup>
|
[
Color
](
ts-appendix-enums.md#color
)
\|
string
\|
[
Resource
](
ts-types.md#resource
)
| - | 为当前组件添加颜色叠加效果,入参为叠加的颜色。 |
## ShadowOptions对象说明
阴影属性集合,用于设置阴影的模糊半径、阴影的颜色、X轴和Y轴的偏移量。
| 名称 | 类型 | 必填 | 说明 |
| ------ | ------ | ---- | --------------- |
| radius | number
\|
[
Resource
](
ts-types.md#resource
)
| 是 | 阴影模糊半径。 |
| color |
[
Color
](
ts-appendix-enums.md#color
)
\|
string
\|
[
Resource
](
ts-types.md#resource
)
| 否 | 阴影的颜色。
<br/>
默认为灰色。 |
| offsetX | number
\|
[
Resource
](
ts-types.md#resource
)
| 否 | 阴影的X轴偏移量。
<br/>
默认为0。 |
| offsetY | number
\|
[
Resource
](
ts-types.md#resource
)
| 否 | 阴影的Y轴偏移量。
<br/>
默认为0。 |
## ShadowStyle<sup>10+</sup>枚举说明
| 名称 | 描述 |
| ------ | -------------------------------------- |
| OuterDefaultXS | 超小阴影。 |
| OuterDefaultSM | 小阴影。 |
| OuterDefaultMD | 中阴影。 |
| OuterDefaultLG | 大阴影。 |
| OuterFloatingSM | 浮动小阴影。 |
| OuterFloatingMD | 浮动中阴影。 |
## 示例
### 示例1
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录