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

前端之家收集整理的这篇文章主要介绍了滑动以在回收器视图android中显示另一个隐藏的布局前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个回收站视图,我想在刷卡项目视图上显示另一个布局,它隐藏在当前布局后面.总之,我希望实现像下面的图像.

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

活动代码

@H_301_8@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 - 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,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项目的自定义布局

@H_301_8@<?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和PagerAdapter执行此操作.您的PagerAdapter将有两个页面:“主”全宽视图和第二个包含操作按钮的视图.

关键是覆盖适配器中的getPageWidth()并为主视图返回1.0,为第二个视图返回一些分数.通过将视图的所需宽度除以ViewPager的宽度来计算分数.

用户滑动时,第二个视图无法占据整个屏幕,因此第一个视图仍然部分显示,就像在动画图像中一样.

使用ViewHolder引用ViewPager和引用PagerAdapter的ViewPager,您甚至可以将适配器与ViewPagers一起回收.

猜你在找的Android相关文章