按角度在选项卡之间平滑滑动



如何在有角度的选项卡之间实现平滑滑动?

我正在使用垫子标签(有角度的材料标签(,并希望为触摸设备(如WhatsApp或Telegram手机(添加标签滑动支持。

我找到的资源为选项卡父元素(mat-tab组(提供了selectedIndex输入,并基于swipeleftswiperight事件更新它。

我对这个解决方案的问题是,过渡是即时的,而且不平滑,即使我添加了一些自定义动画,滑动在启动后也不能取消(在我上面提到的应用程序中,它可以。(

那么,有没有一种方法可以通过垫片实现这一点,或者有没有一个不同的组件库可以用于此?

您可以将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>

最新更新