Sidemenu的动画&模态比自己的动画更快

时间:2016-07-23 17:15:12

标签: angular ionic-framework ionic2

外面和下面的侧面菜单或从底部(Ionic2 Modal)向上滑动的模式框的动画非常快速和平滑。

现在我为浮动动作按钮定义了自己的动画。这个动画比离子动画要慢很多。有什么区别?

为什么我的动画有点滞后?

animations: [
    trigger('heroState', [
      state('false', style({
        right: '-500px',
      })),
      state('true',   style({
        right: '0px',
      })),
      transition('false => true', animate('500ms ease-in')),
      transition('true => false', animate('500ms ease-out'))
    ])
  ],

1 个答案:

答案 0 :(得分:1)

@rakete:我认为离子使用不同的立方贝塞尔来控制模态动画的速度。你能在下面试试吗?

transition('false => true', animate('500ms cubic-bezier(0.65, 0.05, 0.36, 1)')

并且

transition('false => true', animate('500ms cubic-bezier(0.36, 0.66, 0.04, 1)')

了解详情:Cubic Bezier
Codepen:cubic-bezier(0.36, 0.66, 0.04, 1)