Question

我当前正在实现一个带有RecyclerView的应用程序，其中有多个自定义视图。从这些视图的每个视图中，用户都可以打开上下文菜单（需要长按一次），但是很难像通常那样弄清楚，他们只会执行一次简单的单击，然后认为什么也没有还有更多。但是，如果我设法提供一些 UI反馈，那就更清楚了。这个想法是一个简单的波纹动画，它突出显示了一个背景，该背景不能通过简单的单击就可以完成，但是会一直进行长按操作。

由于我坚持了两天，所以我完成了研究，实际上发现了一些问同样的问题，例如this来自Cheok Yan Cheng的写得很好，他甚至张贴了该视频显示了预期的效果（我的问题几乎完全相同），但是没有很好的答案，因为第一个视频说我们应该使用?attr/selectableItemBackground，但是给定的效果与我想要的效果不同，并且我尝试了第二个，当您在onLongClick中启动动画时，只需单击一下，它什么也没做。

编辑：

请注意，无法通过?attr/selectableItemBackground或通过创建涟漪图xml文件然后将其设置为背景来实现预期的行为，因为它们将提供正常的onClick动画和不同于所需的longClick动画，看看this video看看效果如何。

Answer 1

尝试执行以下步骤，可能会有所帮助：

第一步：

在drawable中创建ripple.xml ：（这适用于Android> = v21）

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="?android:colorControlHighlight">
    <item android:id="@android:id/mask">
        <color android:color="@android:color/transparent" /> 
    </item>
</ripple>

此行<color android:color="@android:color/transparent" />将使您的按钮透明。

第二步：

在您使用ConstraintLayout的item.xml中：

<Button
     android:id="@+id/btnItemClickOnRecyclerView"
     android:layout_width="0dp"
     android:layout_height="0dp"
     android:layout_centerInParent="true"
     android:layout_marginTop="16dp"
     android:background="@drawable/ripple"
     android:paddingBottom="4dp"
     android:text="@string/view_details"
     android:textColor="@color/White"
     android:textSize="14sp"
     android:textStyle="bold"
     app:layout_constraintEnd_toEndOf="parent"
     app:layout_constraintStart_toStartOf="parent"
     app:layout_constraintTop_toTopOf="parent"
     app:layout_constraintBottom_toBottomOf="parent" />

就是这样。

由于您的按钮将完全覆盖您的项目，并且将鼠标悬停在其他视图的顶部，因此它的作用类似于项目。

要在按钮上实现longClick侦听器，请确保先将其注册到holder中，然后再将其注册到holder.button.setOnLongClick中……

尝试一下，如有疑问请发表评论。

Answer 2

制作一个名为波纹.xml的xml文件，然后将波纹.xml设置为视图的前景。它将像魅力一样工作！！！

<?xml version="1.0" encoding="utf-8"?>
<!-- An white rectangle ripple. -->
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:color="#3fce29"
    tools:targetApi="lollipop">
    <item
        android:id="@android:id/mask"
        android:gravity="center">
        <shape android:shape="rectangle">
            <solid android:color="#3fce29"/>
        </shape>
    </item>
</ripple>

Answer 3

首先尝试制作XML涟漪效果

ripple.xml

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:color="@color/light_gray"
tools:targetApi="lollipop">
<item android:id="@android:id/mask">
    <shape android:shape="rectangle">
        <solid android:color="@color/light_gray"/>
    </shape>
</item>
</ripple>

比您的适配器decalr xml父布局（例如LinearLayout）要好，或者如果使用RelativLayout设置背景，则如下所示

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@drawable/ripple"
>......

对长时间的点击执行波纹效果

3 个答案: