问题标签 [ripple-effect]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
21 回答
127994 浏览

flutter - InkWell 没有显示涟漪效应

点击容器会触发onTap()处理程序,但不会显示任何墨水飞溅效果。

我也尝试将其放入InkWell内部,Container但徒劳无功。

0 投票
1 回答
240 浏览

android - 带有背景颜色的按钮,波纹效果仅在左上角呈现

单击波纹效果时具有背景颜色的按钮呈现异常,左上角仅显示整个按钮区域的阴影或褪色矩形选择区域。

在此处输入图像描述

VS 2017,Xamarin 4.10.10.2,Xamarin.Andriod SDK 8.3.3.2

0 投票
3 回答
1239 浏览

qt - 如何在 QML 中创建波纹按钮效果?

我正在使用 QtQuick/QML,我想在单击按钮时创建涟漪效果。我确实知道这在 Material Style 中可用,但我认为当您更改主题时这是一个固有属性,我不想更改项目中的任何其他内容。

有没有办法只在我的按钮上添加涟漪效果,而不改变其他任何东西?如果是这样,我该怎么做?

0 投票
0 回答
139 浏览

android - Android 波纹颜色应用于聚焦和悬停状态

我正在尝试使用涟漪效应和选择器(聚焦、悬停、禁用等)来实现Button( AppCompatButton)。我创建了如下所示的 drawable.xml:

此代码有效,但如果使用 d-pad 或光标导航,何时Button聚焦或悬停,而不是选择器中的颜色,则使用波纹颜色。

0 投票
2 回答
911 浏览

android - Material Design Extended Floating Action Button 没有涟漪效应

我正在创建一个 Android 应用程序,我想使用扩展的浮动操作按钮,所以我将此代码添加到我的活动中:

该按钮看起来与它应该的完全一样,除了它在点击时没有涟漪效应。

如何添加涟漪效果?我直接从https://material.io/develop/android/components/floating-action-button/#extended-fabs获取代码,看起来波纹应该默认存在,但它在我的应用程序中不起作用. 我试图创建一个新项目,我只设置了材料组件(https://material.io/develop/android/docs/getting-started/)并且按钮仍然没有涟漪效应。因此,我的项目设置似乎没有问题。

我也试过设置app:rippleColor属性,设置android:clickable="true" android:focusable="true"无济于事。唯一起作用的是设置android:foreground="?attr/selectableItemBackground",但波纹效果被掩盖为矩形,而不是扩展 FAB 的形状。设置前景也不是很好的方法,因为它仅在 API 23 及更高版本上受支持,而我的目标是 API 21。

0 投票
2 回答
284 浏览

android - 将波纹效果设置为 RecyclerView CardView 项目,而无需双击项目操作

我有RecyclerViewaCardView作为行项目布局的根元素。如此处所述,我设法对CardView使用下面的列表项布局产生连锁反应。

行项目布局:

问题在于,要对RecyclerView适配器中的行项目进行点击操作,需要点击几次,第一次点击用于选择项目并显示涟漪效果,第二次点击用于触发实际点击View.OnClickListener

使用android:focusableInTouchMode = "true"属性 inCardView是双击的原因;但是禁用它,也会因此禁用涟漪效应。

我尝试使用此答案中的自定义波纹效果,但不起作用。还试图像在这个答案CardView中那样对底层根元素产生连锁反应,但仍然没有什么新鲜事。

此处使用按钮样式类似。

RecyclerView在视图持有者的适配器中有一个跨国 itemView 点击监听器

0 投票
1 回答
186 浏览

javascript - 通过 onClick 反应添加元素并在超时后删除它们

我想在按钮上创建涟漪效应。

当我单击 Button 组件时,我想添加 span 元素作为它的子元素。它包含一些 CSS 来制作涟漪效果。900 毫秒后,我想删除这个 span 元素。这个想法在这里成立

这里有一些沙盒来解释主要思想。

所以,问题是当我快速多次点击并且涟漪效应范围无法正常工作时

0 投票
1 回答
271 浏览

javascript - MDC 按钮波纹根本不绘制

所以我使用没有 node.js 的 MDC(材料设计组件),这意味着我必须像这样导入它:

所以 CSS 工作得很好,我可以使用 MDC 中的任何类,而且它工作得很好。

但是 JavaScript 附加效果存在一些局部问题。TextField 工作正常 - 当我单击它时,文本会发生变化。但是任何其他 JS 效果都不起作用。

有人知道如何解决这个问题吗?我尝试了我发现的一切。

0 投票
1 回答
155 浏览

xamarin - 从 CollectionView 中移除波纹效果

如何从 CollectionView 选择项中删除涟漪效应?当我点击一个项目时自动添加涟漪效果这是我的代码                   

0 投票
2 回答
617 浏览

css - 如何从 mat-stepper 中消除涟漪效应

tihs 是当您将鼠标悬停在 matstepper 上时的效果无法弄清楚如何禁用此效果 在此处输入图像描述 想要从 mat-stepper 中删除涟漪效果或焦点效果或可滚动效果请帮助我在这里
我已经尝试了所有无法计算的方法它像涟漪效应透明和焦点指示器