如何在有角度的选项卡之间实现平滑滑动?
我正在使用垫子标签(有角度的材料标签(,并希望为触摸设备(如WhatsApp或Telegram手机(添加标签滑动支持。
我找到的资源为选项卡父元素(mat-tab组(提供了selectedIndex
输入,并基于swipeleft
和swiperight
事件更新它。
我对这个解决方案的问题是,过渡是即时的,而且不平滑,即使我添加了一些自定义动画,滑动在启动后也不能取消(在我上面提到的应用程序中,它可以。(
那么,有没有一种方法可以通过垫片实现这一点,或者有没有一个不同的组件库可以用于此?
您可以将animationDuration
指令添加到mat-tab-group
,它将动画化选项卡之间的转换:
<mat-tab-group animationDuration="1000ms">
<mat-tab label="First">Content 1</mat-tab>
<mat-tab label="Second">Content 2</mat-tab>
<mat-tab label="Third">Content 3</mat-tab>
</mat-tab-group>