ArkUI之页面动画

页面动画

布局更新动画

属性动画

  1. 定义:属性动画是通过设置组件的animation属性来给组件添加动画,当组件的width,height,Opacity,backgroundColor,scale,rotate,translate等属性变更时,可实现渐变过渡效果。

  2. 相关参数:

  3. 使用注意事项:

        (1) animation属性放在需要有动画效果的属性之后(精准控制哪些元素属性需要动画)

        (2) animation属性对部分属性有效

        (3) 触发条件不一定在执行动画的元素上,各种事件都可触发动画(交互事件,生命周期,数               据变化监听等)

     4.代码示例

        5. 效果

显式动画

  1. 定义:显式动画是通过全局animateTo函数来修改组件属性,实现属性变化时的渐变过渡效果。

  2. 参数与属性动画相似

  3. 代码案例

  4. 效果

组件转场动画

   transition(value:TransitionOptions)

  1. 解释:组件内转场主要通过transition属性配置转场参数,在组件插入和删除时显示过渡动效,主要用于容器组件中的子组件插入和删除时,提升用户体验

  2. 与animateTo和animation搭配使用才可实现效果

  3. 相关参数

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值