我有一个回收站视图,我希望在滑动项目视图中显示另一个布局,该视图隐藏在当前布局后面。总之,我希望实现类似下面的图像。
我的代码的问题是整个视图被刷过,但我只想滑动到隐藏布局的宽度。
活动中的代码
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);
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>
我不想使用任何库。任何帮助都非常感谢。 提前谢谢。
答案 0 :(得分:2)
您可以使用ViewPager
和PagerAdapter
执行此操作。您的PagerAdapter
将有两个页面:“主”全宽视图和第二个包含操作按钮的视图。
关键是覆盖适配器中的getPageWidth()
并为主视图返回1.0,为第二个视图返回一些分数。通过将视图的所需宽度除以ViewPager
的宽度来计算分数。
当用户滑动时,第二个视图无法占据整个屏幕,因此第一个视图仍会部分显示,就像在动画图像中一样。
ViewHolder
引用ViewPager
和引用ViewPager
的{{1}},您甚至可以将适配器与PagerAdapter
一起回收。< / p>
答案 1 :(得分:1)
实际上Android sdk中有一个名为ViewDragHelper
的隐藏有用的类您可以使用少量代码轻松实现滑动以显示按钮。但是,ViewDragHelper没有详细记录,但我发现此链接包含一个非常有用的实现教程:http://fedepaol.github.io/blog/2014/09/01/dragging-with-viewdraghelper/