问题标签 [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 投票
1 回答
50 浏览

android - 避免波纹效果组合颜色

我有一个使用此代码(从此处编辑)使用涟漪效应的简单程序:

一切正常,但我希望波纹颜色(蓝色)高于背景颜色(红色),而不是与它结合成紫色。

截屏:

之前: 进行中: 之后:我想要做的事情:
前

进行中

在此处输入图像描述

在此处输入图像描述

有什么办法可以做到这一点?
提前致谢。

0 投票
2 回答
131 浏览

arrays - 泄漏点击事件

我遇到了与角度中的点击事件有关的问题。我的应用程序是井字游戏应用程序。我的应用程序使用角材料问题:当用户单击板上的按钮时,单击事件似乎泄漏到板上附近的按钮中。下图演示了我在说什么。 问题的图像。如您所见,即使单击该按钮,第 1 行第 2 列中的按钮也已激活。下面是我的应用程序的闪电战。

https://stackblitz.com/github/flashato9/tic-tac-toe

如果我能在这个问题上得到一些帮助,那就太好了。谢谢!

0 投票
2 回答
3576 浏览

android - 带圆角的波纹 Jetpack Compose

这个答案中,我得到了错误的波纹动画。你知道如何使用 Jetpack Compose 创建带圆角的波纹吗?

使用默认波纹我有这个:
波纹

代码:

//如果我将波纹半径设置为 200 dp(这是卡片的高度)波纹工作不正常。

0 投票
2 回答
2466 浏览

reactjs - 是否可以在 div 上使用 MUI 的触摸波纹效果?

我已经阅读了类似问题的不同答案,但它们都很旧,似乎在最新版本的 MUI 中不起作用。

我需要在 div 上应用触摸波纹效果,但我不能使用按钮或ButtonBase元素,因为其中还有另一个按钮。

提前感谢您的回复。

0 投票
3 回答
154 浏览

android - ListView 中的 RadioButton 波纹效果

我有RadioButton涟漪效应的问题。我想得到这个:我在列表项的完整背景中有波纹

但我这个:我只在标记周围有波纹

我该如何实施?

0 投票
1 回答
147 浏览

android - Android RecyclerView 触发背景选择器/波纹以获取一些滚动视图

我有一个RecyclerView带有一些可点击TextView元素的行布局,这些元素的背景设置为?attr/selectableItemBackground.

我面临的问题是,当我们滚动 RecyclerView 时,背景波纹选择器会被触发,而与 touch-n-scroll 操作的位置无关。这是一个演示此问题的视频(-它是在模拟器上拍摄的,因此有点笨拙): https ://imgur.com/9MInNgv -查看为X Comments&触发的波纹X Views

我尝试过的事情:

  1. 尝试使用自定义选择器而不是使用selectableItemBackground,但行为保持不变。
  2. 目前使用最新的RecyclerView版本(1.2.0),也尝试使用旧版本,但问题依旧。

我的问题:

  1. 为什么这只发生在某些视图上?布局中有更多可点击的视图(例如:上面链接中的LikeandComment按钮),但它只发生在演示的 2 个视图中。
  2. 我该如何防止这种情况发生?关于我可以尝试解决这个问题的任何线索?

提前致谢!

编辑:仅为包含触发波纹的视图的部分添加 layout-XML。这包含在用于该行的其他布局中(我也尝试在不使用“包含”的情况下直接在布局中使用此代码,但这不会改变行为中的任何内容):

0 投票
1 回答
21 浏览

android - 以编程方式执行 MenuItem 单击时,MenuItem 上未显示波纹动画

我的应用程序中有一个搜索功能,我可以在菜单中上下移动图标。如果我点击向上和向下图标,我可以看到图标上的涟漪效果。现在,当我从键盘上点击搜索按钮时,我想执行向上的图标功能。为了以编程方式实现这一点,我制作了图标点击动作。我可以启动图标功能,但无法对图标产生连锁反应。任何解决方法可以在图标上产生连锁反应?

在下面的代码中,我习惯于以编程方式单击菜单。

我也试过这个,我看不到这两个函数的涟漪效应

这是菜单项代码

0 投票
2 回答
323 浏览

flutter - 如何向 IconButtons 或提升的 Buttons 添加启动颜色或波纹效果

在这个屏幕上有一个图标按钮,用户在重复一个词之前必须点击一个麦克风。我在 IconButton 的属性中添加了 splashcolor,但是当用户点击时没有显示任何内容。与工具提示相同。

我注意到我在其他屏幕上提升按钮的随机行为,有时我们会看到连锁反应,有时我们不会。有什么我做错了吗?我在论坛上读到,有时这些效果会发生在另一个小部件“下”,因此我们看不到它们。

有没有关于如何使用效果的规则?

这是代码:

0 投票
3 回答
507 浏览

android - 按钮在单击时没有涟漪效应(Jetpack Compose)

AFAIK,默认情况下,使用 Jetpack compose 创建的按钮应在单击时产生连锁反应。但是我的按钮在点击时没有显示涟漪效应。下面是我的按钮的代码:

如何为我的按钮启用波纹效果?

0 投票
2 回答
58 浏览

android - 如何在 android 中显示类似 YouTube 的涟漪效应?

安卓上最新版本的 YouTube 应用程序显示了一个非常不同的涟漪。

那就是当我们将手指从按钮上抬起时,然后在结束波纹时它显示出中风。

如何在android中实现这种类型的涟漪?

当我们抬起手指时,波纹的末端有一个笔触。