Android 滑动以在回收器视图中显示另一个隐藏布局

我有一个回收器视图，我想在其中显示另一个隐藏在当前布局后面的滑动项目视图布局。简言之，我想实现下面的图像

我的代码的问题是，整个视图都被滑动，但我只想滑动到隐藏布局的宽度

活动中的代码

final ItemTouchHelper.Callback simpleItemTouchCallback = new ItemTouchHelper.Callback() {
            @Override
            public boolean onMove(RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, RecyclerView.ViewHolder target) {
                if (viewHolder.getAdapterPosition() < target.getAdapterPosition()) {
                    for (int i = viewHolder.getAdapterPosition(); i < target.getAdapterPosition(); i++) {
                        Collections.swap(myDataset, i, i + 1);
                    }
                } else {
                    for (int i = viewHolder.getAdapterPosition(); i > target.getAdapterPosition(); i--) {
                        Collections.swap(myDataset, i, i - 1);
                    }
                }
                mAdapter.notifyItemMoved(viewHolder.getAdapterPosition(), target.getAdapterPosition());
                return true;
            }

            @Override
            public boolean isLongPressDragEnabled() {
                return true;
            }
            @Override
            public boolean isItemViewSwipeEnabled() {
                return true;
            }
            @Override
            public void onSwiped(final RecyclerView.ViewHolder viewHolder, final int swipeDir) {

            }

            @Override
            public void onChildDraw(Canvas c, RecyclerView recyclerView, RecyclerView.ViewHolder viewHolder, float dX, float dY, int actionState, boolean isCurrentlyActive) {
                View itemView = viewHolder.itemView;
                ImageView delete_image=(ImageView) itemView.findViewById(R.id.delete_image);
                delete_image.setY(itemView.getTop());
                if(isCurrentlyActive) {
                    delete_image.setVisibility(View.VISIBLE);
                }else{
                    delete_image.setVisibility(View.GONE);
                }
                super.onChildDraw(c, recyclerView, viewHolder, dX, dY, actionState, isCurrentlyActive);
            }

            @Override
            public int getMovementFlags(RecyclerView recyclerView,
                                        RecyclerView.ViewHolder viewHolder) {
                int dragFlags = ItemTouchHelper.UP | ItemTouchHelper.DOWN;
                int swipeFlags = ItemTouchHelper.START | ItemTouchHelper.END;
                return makeMovementFlags(dragFlags, swipeFlags);
            }
        };


ItemTouchHelper itemTouchHelper = new ItemTouchHelper(simpleItemTouchCallback);
        itemTouchHelper.attachToRecyclerView(mRecyclerView);

final ItemTouchHelper.Callback simpleItemTouchCallback=new ItemTouchHelper.Callback（）{
@凌驾
公共布尔onMove（RecyclerView RecyclerView、RecyclerView.ViewHolder ViewHolder、RecyclerView.ViewHolder目标）{
如果（viewHolder.getAdapterPosition（）target.getAdapterPosition（）；i--）{
集合交换（myDataset，i，i-1）；
}
}
mAdapter.notifyItemMoved（viewHolder.getAdapterPosition（），target.getAdapterPosition（））；
返回true；
}
@凌驾
公共布尔值isLongPressDragEnabled（）{
返回true；
}
@凌驾
公共布尔值IsItemViewSwipEnabled（）{
返回true；
}
@凌驾
公共空间（最终RecyclerView.ViewHolder ViewHolder，最终int swipeDir）{
}
@凌驾
public void onChildraw（画布c、RecyclerView RecyclerView、RecyclerView.ViewHolder ViewHolder、float dX、float dY、int actionState、boolean isCurrentlyActive）{
View itemView=viewHolder.itemView；
ImageView delete_image=（ImageView）itemView.findViewById（R.id.delete_image）；
删除_image.setY（itemView.getTop（））；
如果（当前处于活动状态）{
删除_image.setVisibility（View.VISIBLE）；
}否则{
删除_image.setVisibility（View.GONE）；
}
super.onchildraw（c、recyclerView、viewHolder、dX、dY、actionState、isCurrentlyActive）；
}
@凌驾
public int getMovementFlags（RecyclerView RecyclerView，
RecyclerView.ViewHolder（视图持有者）{
int dragFlags=ItemTouchHelper.UP | ItemTouchHelper.DOWN；
int swipeFlags=ItemTouchHelper.START | ItemTouchHelper.END；
返回makeMovementFlags（dragFlags、swipeFlags）；
}
};
ItemTouchHelper ItemTouchHelper=新的ItemTouchHelper（simpleItemTouchCallback）；
itemTouchHelper.attachToRecyclerView（mRecyclerView）；

recylerview项目的自定义布局

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:fresco="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"

    android:paddingBottom="@dimen/padding_xsmall">

    <LinearLayout
        android:id="@+id/top_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
        android:background="@color/very_light_grey"
        android:orientation="horizontal"
        android:paddingBottom="@dimen/padding_xlarge"
        android:paddingEnd="@dimen/padding_small"
        android:paddingLeft="@dimen/padding_xlarge"
        android:paddingRight="@dimen/padding_small"
        android:paddingStart="@dimen/padding_xlarge"
        android:paddingTop="@dimen/padding_xlarge">

        <com.facebook.drawee.view.SimpleDraweeView
            android:id="@+id/friend_image"
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:layout_gravity="center_vertical"
            fresco:placeholderImage="@drawable/user_placeholder"
            fresco:roundAsCircle="true"
            fresco:roundedCornerRadius="50dp"
            fresco:roundingBorderColor="@android:color/white"
            fresco:roundingBorderWidth="2dp" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:layout_marginEnd="@dimen/margin_small"
            android:layout_marginLeft="@dimen/margin_small"
            android:layout_marginRight="@dimen/margin_small"
            android:layout_marginStart="@dimen/margin_small"
            android:orientation="vertical">

            <RelativeLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content">

                <bi.it.com.bio.textview.CustomTextView
                    android:id="@+id/friend_name"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentLeft="true"
                    android:layout_alignParentStart="true"
                    android:layout_toLeftOf="@+id/badge_text"
                    android:text="John"
                    android:textSize="@dimen/text_size_medium" />

                <bi.it.com.bio.textview.CustomTextView
                    android:id="@+id/badge_text"
                    android:layout_width="16dp"
                    android:layout_height="16dp"
                    android:layout_alignParentRight="true"
                    android:background="@drawable/badgeicon"
                    android:gravity="center"
                    android:text="24"
                    android:textColor="@android:color/white"
                    android:textSize="@dimen/text_size_xxsmall" />
            </RelativeLayout>

            <bi.it.com.bio.textview.CustomTextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="this is message from john"
                android:textSize="@dimen/text_size_xsmall" />

        </LinearLayout>

    </LinearLayout>

    <ImageView
        android:id="@+id/delete_image"
        android:paddingLeft="@dimen/padding_large"
        android:paddingStart="@dimen/padding_large"
        android:paddingEnd="@dimen/padding_large"
        android:paddingRight="@dimen/padding_large"
        android:paddingTop="@dimen/padding_small"
        android:paddingBottom="@dimen/padding_small"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:background="@color/red_color_list"
        android:src="@drawable/ic_delete_frd"
        android:layout_gravity="end|right"
        android:visibility="gone"/>

</FrameLayout>

我不想使用任何图书馆。非常感谢您的帮助。

---

提前感谢。

您可以使用

ViewPager

和

pagerdapter

完成此操作。您的

PagerAdapter

将有两个页面：您的“主”全宽视图和具有操作按钮的第二个视图

关键是覆盖适配器中的

getPageWidth（）

，并为主视图返回1.0，为第二个视图返回一些分数。分数的计算方法是将所需的视图宽度除以

ViewPager

的宽度

当用户滑动时，第二个视图不能占据整个屏幕，因此第一个视图仍然部分显示，如动画图像中所示

---

通过

ViewHolder

引用

ViewPager

和

ViewPager

引用

PagerAdapter

，您甚至可以将适配器与

ViewPager

s一起回收。

实际上，Android sdk中有一个隐藏的有用类，名为

---

您可以用很少的代码轻松地实现“滑动显示”按钮。然而，ViewDragHelper并没有很好的文档记录，但是我发现这个链接包含了一个非常有用的教程来实现它：

对于2K rep，您似乎完全能够从描述中编写代码，但是如果您需要代码方面的帮助，请告诉我。谢谢，我一定会尝试，但是没有比这更简单的方法吗？您也使用您提到的方法实现了。您提到您对使用外部库不感兴趣，但这可能是唯一更容易的事情。我不认为用<代码> OnTouChutEnter（）/<代码>和<代码> fLink（）/<代码>更容易编写自己的代码。如果有一种更简单的非图书馆的方法，其他人可能已经提供了答案。我用一些

ViewPager

演示代码测试了解决方案的部分分页功能，因此我知道该行为是有效的。好的，你能分享你的代码吗？这样我就可以尝试一下并节省一些时间哇，仍然在想这个问题。终于出现了

ViewPager

（您必须为它指定一个特定的高度，您不能使用

wrap\u content

），但现在我正试图使

查看页面

的滑动状态保持不变，并在

查看页面

回收时重新创建。我找到了解决您问题的正确方法？@extmkv我想我找到了，如果您需要，我将与您分享；）