Polymer 如何更改';霓虹灯动画';霓虹灯动画页面中的页面?
我正在使用Polymer的Polymer 如何更改';霓虹灯动画';霓虹灯动画页面中的页面?,polymer,polymer-1.0,Polymer,Polymer 1.0,我正在使用Polymer的neon动画页面entry和exit动画属性将所选页面从右向左滑动。但是,当我点击工具栏上的“后退”按钮时,我真的想从左向右反转滑动方向。在这种情况下,如何更改或反转动画 Polymer 1.0代码段: <neon-animated-pages class="fit" entry-animation="slide-from-right-animation" exit-animation="slide-left-animation" selected="{{sele
neon动画页面
entry和exit动画属性将所选页面从右向左滑动。但是,当我点击工具栏上的“后退”按钮时,我真的想从左向右反转滑动方向。在这种情况下,如何更改或反转动画
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>
第1页
第2页
第3页
您可以在进入/退出动画属性上使用数据绑定,如下所示:
<neon-animated-pages class="fit" entry-animation="[[entryAnimation]]" exit-animation="[[exitAnimation]]" selected="{{selectedPage}}" attr-for-selected="id" on-iron-select="_pageChanged">
然后根据需要(即按下后退按钮等)将这些属性更新为所需动画