如何在霓虹灯动画页面中更改“霓虹灯动画”页面的动画？

Question

我正在使用Polymer的neon-animated-pages 条目和退出动画属性从右到左滑动我选择的页面。但是，当我点击工具栏中的后退按钮时，我真的想要从左到右反转滑动方向。在这种情况下如何更改或反转动画？

Polymer 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>

Answer 1

您可以在进入/退出动画属性上使用数据绑定，如下所示：

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

然后根据需要将这些属性更新为所需的动画（即按下后退按钮时等）。