页面动画
布局更新动画
属性动画
-
定义:属性动画是通过设置组件的animation属性来给组件添加动画,当组件的width,height,Opacity,backgroundColor,scale,rotate,translate等属性变更时,可实现渐变过渡效果。
-
相关参数:
-
使用注意事项:
(1) animation属性放在需要有动画效果的属性之后(精准控制哪些元素属性需要动画)
(2) animation属性对部分属性有效
(3) 触发条件不一定在执行动画的元素上,各种事件都可触发动画(交互事件,生命周期,数 据变化监听等)
4.代码示例
5. 效果
显式动画
-
定义:显式动画是通过全局animateTo函数来修改组件属性,实现属性变化时的渐变过渡效果。
-
参数与属性动画相似
-
代码案例
-
效果
组件转场动画
transition(value:TransitionOptions)
-
解释:组件内转场主要通过transition属性配置转场参数,在组件插入和删除时显示过渡动效,主要用于容器组件中的子组件插入和删除时,提升用户体验
-
与animateTo和animation搭配使用才可实现效果
-
相关参数