2015-09-04 84 views
1

我正在使用Polymer的neon-animated-pages條目退出動畫屬性將我選擇的頁面從右向左滑動。但是當我點擊工具欄中的後退按鈕時,我確實想要從左向右反轉幻燈片方向。在這種情況下,如何更改或反轉動畫?如何在霓虹燈動畫頁面中更改「霓虹動畫」頁面的動畫?

聚合物1.0的代碼片斷:

<neon-animated-pages class="fit" entry-animation="slide-from-right-animation" exit-animation="slide-left-animation" selected="{{selectedPage}}" attr-for-selected="id" on-iron-select="_pageChanged"> 
    <neon-animatable id="slide1">Page 1</neon-animatable> 
    <neon-animatable id="slide2">Page 2</neon-animatable> 
    <neon-animatable id="slide3">Page 3</neon-animatable> 
</neon-animated-pages> 

回答

1

可以使用數據對入口/出口動畫屬性像這樣結合:根據需要

<neon-animated-pages class="fit" entry-animation="[[entryAnimation]]" exit-animation="[[exitAnimation]]" selected="{{selectedPage}}" attr-for-selected="id" on-iron-select="_pageChanged"> 

然後更新那些屬性設置爲所需的動畫(即當後退按鈕被按下時等)。