Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
e5856b29
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,发现更多精彩内容 >>
提交
e5856b29
编写于
4月 23, 2023
作者:
H
HelloCrease
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update docs
Signed-off-by:
N
HelloCrease
<
lian15@huawei.com
>
上级
570b1418
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
6 addition
and
6 deletion
+6
-6
zh-cn/application-dev/quick-start/arkts-basic-syntax-overview.md
...pplication-dev/quick-start/arkts-basic-syntax-overview.md
+1
-1
zh-cn/application-dev/ui/arkts-layout-update-animation.md
zh-cn/application-dev/ui/arkts-layout-update-animation.md
+5
-5
未找到文件。
zh-cn/application-dev/quick-start/arkts-basic-syntax-overview.md
浏览文件 @
e5856b29
...
...
@@ -23,7 +23,7 @@
-
[
自定义组件
](
arkts-create-custom-components.md
)
:可复用的UI单元,可组合其他组件,如上述被
\@
Component装饰的struct Hello。
-
系统组件:ArkUI框架中默认内置的基础和容器组件,可直接被开发者调用,比如示例中的Column
、 Text 、 Divider 、
Button。
-
系统组件:ArkUI框架中默认内置的基础和容器组件,可直接被开发者调用,比如示例中的Column
、Text、Divider、
Button。
-
属性方法:组件可以通过链式调用配置多项属性,如fontSize()、width()、height()、color()等。
...
...
zh-cn/application-dev/ui/arkts-layout-update-animation.md
浏览文件 @
e5856b29
# 布局更新动画
[
属性动画
](
../reference/arkui-ts/ts-animatorproperty.md
)
(animation)和
[
显式动画
](
../reference/arkui-ts/ts-explicit-animation.md
)
(animateTo
)是ArkUI提供的最基础和常用的动画功能。在布局属性(如
[
尺寸属性
](
../reference/arkui-ts/ts-universal-attributes-size.md
)
、
[
位置属性
](
../reference/arkui-ts/ts-universal-attributes-location.md
)
)发生变化时,可以通过属性动画或显式动画,按照动画参数过渡到新的布局参数状态。
[
显式动画
](
../reference/arkui-ts/ts-explicit-animation.md
)
(animateTo)和
[
属性动画
](
../reference/arkui-ts/ts-animatorproperty.md
)
(animation
)是ArkUI提供的最基础和常用的动画功能。在布局属性(如
[
尺寸属性
](
../reference/arkui-ts/ts-universal-attributes-size.md
)
、
[
位置属性
](
../reference/arkui-ts/ts-universal-attributes-location.md
)
)发生变化时,可以通过属性动画或显式动画,按照动画参数过渡到新的布局参数状态。
| 动画类型 | 特点 | 适用场景 |
| ---- | ---------------------------------------- | -------- |
| 显式动画 | 闭包内的变化均会触发动画,包括由数据变化引起的组件的增删、
<br>
组件属性的变化等,可以做较为复杂的动画。 | 较复杂的动画场景 |
| 属性动画 | 动画设置简单,属性变化时自动触发动画。 | 较简单的动画场景 |
| 显式动画 | 闭包内的变化均会触发动画,包括由数据变化引起的组件的增删、组件属性的变化等,可以做较为复杂的动画。 | 较复杂的动画场景 |
## 使用显式动画产生布局更新动画
...
...
@@ -263,8 +263,8 @@ struct LayoutChange2 {
>**说明:**
>
> 1. 使用属性动画时,会按照指定的属性动画参数执行动画。每个组件可为自己的属性配置不同参数的属性动画。
>
1. 使用属性动画时,会按照指定的属性动画参数执行动画。每个组件可为自己的属性配置不同参数的属性动画。
>
> 2. 显式动画会对动画闭包前后造成的所有界面差异执行动画,且使用同一动画参数,适用于统一执行的场景。此外,显式动画也可以用于一些非属性变量造成的动画,如if/else的条件,ForEach使用的数组元素的删减。
>
2. 显式动画会对动画闭包前后造成的所有界面差异执行动画,且使用同一动画参数,适用于统一执行的场景。此外,显式动画也可以用于一些非属性变量造成的动画,如if/else的条件,ForEach使用的数组元素的删减。
>
> 3. 如果一个属性配置了属性动画,且在显式动画闭包中改变该属性值,属性动画优先生效,会使用属性动画的动画参数。
>
3. 如果一个属性配置了属性动画,且在显式动画闭包中改变该属性值,属性动画优先生效,会使用属性动画的动画参数。
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录