问题标签 [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.
flutter - InkWell 没有显示涟漪效应
点击容器会触发onTap()
处理程序,但不会显示任何墨水飞溅效果。
我也尝试将其放入InkWell
内部,Container
但徒劳无功。
qt - 如何在 QML 中创建波纹按钮效果?
我正在使用 QtQuick/QML,我想在单击按钮时创建涟漪效果。我确实知道这在 Material Style 中可用,但我认为当您更改主题时这是一个固有属性,我不想更改项目中的任何其他内容。
有没有办法只在我的按钮上添加涟漪效果,而不改变其他任何东西?如果是这样,我该怎么做?
android - Android 波纹颜色应用于聚焦和悬停状态
我正在尝试使用涟漪效应和选择器(聚焦、悬停、禁用等)来实现Button
( AppCompatButton
)。我创建了如下所示的 drawable.xml:
此代码有效,但如果使用 d-pad 或光标导航,何时Button
聚焦或悬停,而不是选择器中的颜色,则使用波纹颜色。
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。
android - 将波纹效果设置为 RecyclerView CardView 项目,而无需双击项目操作
我有RecyclerView
aCardView
作为行项目布局的根元素。如此处所述,我设法对CardView
使用下面的列表项布局产生了连锁反应。
行项目布局:
问题在于,要对RecyclerView
适配器中的行项目进行点击操作,需要点击几次,第一次点击用于选择项目并显示涟漪效果,第二次点击用于触发实际点击View.OnClickListener
。
使用android:focusableInTouchMode = "true"
属性 inCardView
是双击的原因;但是禁用它,也会因此禁用涟漪效应。
我尝试使用此答案中的自定义波纹效果,但不起作用。还试图像在这个答案CardView
中那样对底层根元素产生连锁反应,但仍然没有什么新鲜事。
与此处使用按钮样式类似。
我RecyclerView
在视图持有者的适配器中有一个跨国 itemView 点击监听器
javascript - MDC 按钮波纹根本不绘制
所以我使用没有 node.js 的 MDC(材料设计组件),这意味着我必须像这样导入它:
所以 CSS 工作得很好,我可以使用 MDC 中的任何类,而且它工作得很好。
但是 JavaScript 附加效果存在一些局部问题。TextField 工作正常 - 当我单击它时,文本会发生变化。但是任何其他 JS 效果都不起作用。
有人知道如何解决这个问题吗?我尝试了我发现的一切。
xamarin - 从 CollectionView 中移除波纹效果
如何从 CollectionView 选择项中删除涟漪效应?当我点击一个项目时自动添加涟漪效果这是我的代码