角度 – Sidemenu和Modals的动画比自己的动画更快

发布时间：2020-12-17 06:59:04 所属栏目：安全来源：网络整理

导读：从底部(Ionic2 Modal)向外和向下的侧面菜单或向上滑动模式盒的动画非常快速和平滑. 现在我为浮动动作按钮定义了自己的动画.这个动画比离子动画要慢很多.有什么不同？为什么我的动画有点滞后？ animations: [ trigger('heroState',[ state('false',style({ r

从底部(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'))
    ])
  ],

解决方法

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!