鸿蒙Harmony实战开发指南:组件转场 -(transition)

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

说明:

从API Version 7开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。

属性
在这里插入图片描述

TransitionEffect10+对象说明

TransitionEffect以函数的形式指定转场效果。提供了以下接口:

元服务API: 从API version 11开始,该接口支持在元服务中使用。
在这里插入图片描述
上表提供的静态函数用于构造TransitionEffect对象,而非静态函数作用于构造好的TransitionEffect对象,以指定多种转场效果的组合效果和动画参数。 此外TransitionEffect提供了一些转场效果的静态成员变量:
在这里插入图片描述
说明:

  1. TransitionEffect可通过combine函数实现多个转场效果的组合,可以为每个效果分别指定animation参数,且前一效果的animation的参数也可适用于后一效果。例如,TransitionEffect.OPACITY.animation({duration:1000}).combine(TransitionEffect.translate({x:100})),则时长为1000ms的动画参数对OPACITY和translate均生效。
  2. 动画参数的生效顺序为:本TransitionEffect指定的animation参数 >前面的TransitionEffect指定的animation参数 > 触发该组件出现消失的animateTo中的动画参数。
  3. 如果未使用animateTo触发转场动画且TransitionEffect中也无animation参数,则该组件直接出现或者消失。
  4. TransitionEffect中指定的属性值如与默认值相同,则该属性不会产生转场动画。如TransitionEffect.opacity(1).animation({duration:1000}),由于opacity默认值也为1,未产生透明度动画,该组件直接出现或者消失。
  5. 更详细的关于scale、rotate效果的介绍可参考图形变换。

TransitionOptions(deprecated)

TransitionOpt

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值