HarmonyOS 鸿蒙Next tabs 切换的时候 动效怎么修改?

发布于 1周前 作者 ionicwang 来自 鸿蒙OS

HarmonyOS 鸿蒙Next tabs 切换的时候 动效怎么修改?

兄弟们  我做鸿蒙 app 项目 用 tabs 写的底部导航  请问tabs 切换的时候 动效怎么休修改 或者关闭?有相应文档么?

3 回复

animationDuration

animationDuration(value: number)

设置点击TabBar页签和调用TabsController的changeIndex接口切换TabContent的动画时长。该参数不支持百分比设置。

元服务API: 从API version 11开始,该接口支持在元服务中使用。

系统能力: SystemCapability.ArkUI.ArkUI.Full

参数:

参数名 类型 必填 说明
value number

点击TabBar页签和调用TabsController的changeIndex接口切换TabContent的动画时长。

默认值:

API version 10及以前,不设置该属性或设置为null时,默认值为0,即点击TabBar页签和调用TabsController的changeIndex接口切换TabContent无动画。设置为小于0或undefined时,默认值为300。

API version 11及以后,不设置该属性或设置为异常值,且设置TabBar为BottomTabBarStyle样式时,默认值为0。设置TabBar为其他样式时,默认值为300。

单位:ms

animationMode12+

animationMode(mode: Optional<AnimationMode>)

设置点击TabBar页签时切换TabContent的动画形式。

元服务API: 从API version 12开始,该接口支持在元服务中使用。

系统能力: SystemCapability.ArkUI.ArkUI.Full

参数:

参数名 类型 必填 说明
mode Optional<AnimationMode>

点击TabBar页签时切换TabContent的动画形式。

默认值:

默认值是AnimationMode.CONTENT_FIRST,表示在点击TabBar切换TabContent时,先加载目标页内容,再开始切换动画。

官方文档示例:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-container-tabs-V5#%E7%A4%BA%E4%BE%8B7

如果需要路由切换的话可以用Navigation自带的菜单导航。

Tabs的动画在这:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-container-tabs-V5#customcontenttransition11

HarmonyOS 鸿蒙Next中修改Tabs切换时的动效,可以通过以下步骤实现:

Tabs组件的动画效果主要通过其animationDuration属性来控制。该属性定义了动画持续的时间(以毫秒为单位)。你可以通过调整这个属性的值来改变Tabs切换时的动效速度。例如,将animationDuration设置为0可以关闭动画效果,实现瞬间的页面切换。

此外,HarmonyOS 鸿蒙Next的Tabs组件还提供了丰富的API供开发者自定义动效。你可以参考华为开发者官方网站的相关文档,了解更多关于自定义Tabs切换动效的详细信息。

综上所述,通过调整animationDuration属性和利用华为提供的自定义动效API,你可以轻松修改HarmonyOS 鸿蒙Next中Tabs切换时的动效。如果问题依旧没法解决请联系官网客服,官网地址是:https://www.itying.com/category-93-b0.html

回到顶部