Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
4172b118
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看板
提交
4172b118
编写于
7月 21, 2023
作者:
H
HelloCrease
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update docs
Signed-off-by:
N
HelloCrease
<
lian15@huawei.com
>
上级
7a12e583
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
9 addition
and
3 deletion
+9
-3
zh-cn/application-dev/ui/arkts-blur-effect.md
zh-cn/application-dev/ui/arkts-blur-effect.md
+4
-2
zh-cn/application-dev/ui/arkts-traditional-curve.md
zh-cn/application-dev/ui/arkts-traditional-curve.md
+5
-1
未找到文件。
zh-cn/application-dev/ui/arkts-blur-effect.md
浏览文件 @
4172b118
# 模糊
动画效果可以丰富界面的细节,提升UI界面的真实感和品质感。例如,模糊和阴影效果可以让物体看起来更加立体,使得动画更加生动。ArkUI提供了丰富的效果接口,开发者可快速打造出精致、个性化的效果。本章中主要对常用的模糊、阴影和色彩效果等效果接口进行了介绍。
模糊可以用来体现界面空间的纵深感,区分前后元素的层级关系
| 接口
| 说明
|
| --------
|
-------- |
| 接口
| 说明
|
| --------
-------------------------------- | --------------
-------- |
|
[
backdropBlur
](
../reference/arkui-ts/ts-universal-attributes-image-effect.md
)
| 为当前组件添加背景模糊效果,入参为模糊半径。 |
|
[
blur
](
../reference/arkui-ts/ts-universal-attributes-image-effect.md
)
| 为当前组件添加内容模糊效果,入参为模糊半径。 |
|
[
backgroundBlurStyle
](
../reference/arkui-ts/ts-universal-attributes-background.md
)
| 为当前组件添加背景模糊效果,入参为模糊样式。 |
...
...
zh-cn/application-dev/ui/arkts-traditional-curve.md
浏览文件 @
4172b118
# 传统曲线
动画曲线是属性关于时间的变化函数,决定属性变化时产生动画的运动轨迹。某一时刻下动画曲线的斜率代表动画的速度,对应属性变化的快慢。一条优秀的动画曲线具备连续光滑、符合用户意图、符合物理世界客观规律的特点。开发者可结合用户的使用场景和意图,为动效选取合适的动画曲线。根据动画曲线是否符合物理世界客观规律,可将其分为物理曲线(ArkUI当前提供了多种物理弹簧曲线)和传统曲线两种类型。相比于传统曲线,物理曲线产生的运动轨迹更加符合用户认知,有助于创造自然生动的动画效果,建议开发者优先使用物理曲线。
传统曲线基于数学公式,创造形状符合开发者预期的动画曲线。以三阶贝塞尔曲线为代表,通过调整曲线控制点,可以改变曲线形状,从而带来缓入、缓出等动画效果。对于同一条传统曲线,由于不具备物理含义,其形状不会因为用户行为发生任何改变,缺少物理动画的自然感和生动感。建议优先采用物理曲线创建动画,将传统曲线作为辅助用于极少数必要场景中。
...
...
@@ -10,7 +14,7 @@ ArkUI提供了贝塞尔曲线、阶梯曲线等传统曲线接口,开发者可
传统曲线的示例和效果如下:
```
ts
class
MyCurve
{
public
title
:
string
;
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录