Sidemenu＆Modals的動畫比自己的動畫更快

從底部（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的動畫比自己的動畫更快

回答

相關問題