如何在Polymer paper元素中禁用涟漪效果？

Question

我正在使用polymer编写一个移动web应用程序，将使用phonegap打包后在android设备上运行。我正在使用polymer中的paper-tabs和core-animated-pages来显示切换效果。在设备上，除了选项卡触摸时的ripple效果外，所有东西都很好用。它使整个界面看起来很丑并且运行缓慢。我该如何在paper-tabs（以及其他任何纸张元素）中禁用涟漪效果？

我尝试在paper-tabs源代码中设置noink属性为true，如下所示，但不起作用。

 Polymer('paper-tabs', {

/**
 * If true, ink ripple effect is disabled.
 *
 * @attribute noink
 * @type boolean
 * @default false
 */
noink: true,

- Heisenberg

Answer 1

您可以在具有涟漪效果的元素上使用noink属性将其关闭：

<paper-button noink>No ink!<paper-button>
<paper-tabs noink>...<paper-tabs>

据我所知，第一个方法在下一版的polymer-button发布前可能无法生效。但是如果你想要尝试最新版本，它可以在主版本中使用。

- ebidel

---

如果您希望在某个区域禁用UI元素上的水波纹效果，还可以通过CSS进行样式设置：在区域内部分禁用：#no-ripple paper-ripple { color: rgba(0,0,0,0); }在整个页面范围内禁用：html /deep/ paper-ripple { color: rgba(0,0,0,0); } - Peter Burns