Sidemenu＆Modals的动画比自己的动画更快

2016-07-23 55 views 6 likes

从底部（Ionic2 Modal）的out和insliding sidemenu或滑动模式框的动画非常快速和平滑。Sidemenu＆Modals的动画比自己的动画更快

现在我定义了我自己的浮动动作按钮的动画。这个动画比离子动画慢得多。有什么不同？

为什么我的动画有点迟缓？

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')) 
    ]) 
    ],

来源

2016-07-23 rakete

'过渡（ '假' <=> '真'，动画（ '500ms的EAS-IN-OUT'）） ;' – micronyks

我认为缓动与动画的表现和渲染无关.. – rakete

为什么这么说？你到底想要什么？ – micronyks

回答

@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)

来源

2016-08-11 01:29:29 trungk18

Sidemenu＆Modals的动画比自己的动画更快

回答

相关问题