RecyclerView PagerSnapHelper 实现抖音首页翻页的Viewpager效果,供大家参考,具体内容如下

先来个效果

实现方式

PagerSnapHelperActivity.java

public class PagerSnapHelperActivity extends Activity {

 /**
 * UI
 */
 // recycleView
 private RecyclerView mRecyclerView = null;
 // adapter
 private PagerSnapHelperAdapter mMyadapter = null;
 /**
 * 数据
 */
 //data
 private ArrayList<String> mDataList = new ArrayList<String>();

 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.recycle_pager_activity);

 // -----------创建数据集-------------
 for (int i = 1; i < 100; i  ) {
  mDataList.add("item"   i);
 }
 // 纵向List
 initUI();

 }

 public void initUI() {
 // ---RecyclerView---
 mRecyclerView = (RecyclerView) findViewById(R.id.recyclerview_vertical);
 mRecyclerView.setNestedScrollingEnabled(false);
 // PagerSnapHelper
 PagerSnapHelper snapHelper = new PagerSnapHelper() {
  // 在 Adapter的 onBindViewHolder 之后执行
  @Override
  public int findTargetSnapPosition(RecyclerView.LayoutManager layoutManager, int velocityX, int velocityY) {
  // TODO 找到对应的Index
  Log.e("xiaxl: ", "---findTargetSnapPosition---");
  int targetPos = super.findTargetSnapPosition(layoutManager, velocityX, velocityY);
  Log.e("xiaxl: ", "targetPos: "   targetPos);

  Toast.makeText(PagerSnapHelperActivity.this, "滑到到 "   targetPos   "位置", Toast.LENGTH_SHORT).show();

  return targetPos;
  }

  // 在 Adapter的 onBindViewHolder 之后执行
  @Nullable
  @Override
  public View findSnapView(RecyclerView.LayoutManager layoutManager) {
  // TODO 找到对应的View
  Log.e("xiaxl: ", "---findSnapView---");
  View view = super.findSnapView(layoutManager);
  Log.e("xiaxl: ", "tag: "   view.getTag());

  return view;
  }
 };
 snapHelper.attachToRecyclerView(mRecyclerView);
 // ---布局管理器---
 LinearLayoutManager linearLayoutManager = new LinearLayoutManager(this);
 // 默认是Vertical (HORIZONTAL则为横向列表)
 linearLayoutManager.setOrientation(LinearLayoutManager.VERTICAL);
 //
 mRecyclerView.setLayoutManager(linearLayoutManager);

 // TODO 这么写是为了获取RecycleView的宽高
 mRecyclerView.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
  @Override
  public void onGlobalLayout() {
  if (Build.VERSION.SDK_INT < Build.VERSION_CODES.JELLY_BEAN) {
   mRecyclerView.getViewTreeObserver().removeGlobalOnLayoutListener(this);
  } else {
   mRecyclerView.getViewTreeObserver().removeOnGlobalLayoutListener(this);
  }

  /**
   * 这么写是为了获取RecycleView的宽高
   */
  // 创建Adapter,并指定数据集
  mMyadapter = new PagerSnapHelperAdapter(mDataList, mRecyclerView.getWidth(), mRecyclerView.getHeight());
  // 设置Adapter
  mRecyclerView.setAdapter(mMyadapter);
  }
 });
 }
}

recycle_pager_activity.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:orientation="vertical">

 <android.support.v7.widget.RecyclerView
 android:id="@ id/recyclerview_vertical"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:scrollbars="vertical" />

</RelativeLayout>

PagerSnapHelperAdapter.java

public class PagerSnapHelperAdapter extends RecyclerView.Adapter<PagerSnapHelperAdapter.ViewHolder> {

 // 数据集
 private ArrayList<String> mDataList;


 private int mWidth;
 private int mHeight;

 //
 public PagerSnapHelperAdapter(ArrayList<String> dataset, int width, int height) {
 super();
 this.mDataList = dataset;
 //
 mWidth = width;
 mHeight = height;
 }

 @Override
 public ViewHolder onCreateViewHolder(ViewGroup viewGroup, int viewType) {
 Log.e("xiaxl: ", "---onCreateViewHolder---");
 // 创建一个View,简单起见直接使用系统提供的布局,就是一个TextView
 View view = View.inflate(viewGroup.getContext(), R.layout.recycle_pager_item, null);


 View contentView = view.findViewById(R.id.add_btn);
 RelativeLayout.LayoutParams rl = (RelativeLayout.LayoutParams) contentView.getLayoutParams();
 rl.width = mWidth;
 rl.height = mHeight;
 contentView.setLayoutParams(rl);


 // 创建一个ViewHolder
 ViewHolder holder = new ViewHolder(view);
 return holder;
 }

 @Override
 public void onBindViewHolder(ViewHolder viewHolder, int position) {
 Log.e("xiaxl: ", "---onBindViewHolder---");

 // 绑定数据到ViewHolder上
 viewHolder.itemView.setTag(position);
 //
 viewHolder.mTextView.setText(position   " item");
 }

 @Override
 public int getItemCount() {
 return mDataList.size();
 }

 /**
 *
 */
 public static class ViewHolder extends RecyclerView.ViewHolder {

 public TextView mTextView;

 public ViewHolder(View itemView) {
  super(itemView);
  mTextView = (TextView) itemView.findViewById(R.id.add_btn);
 }
 }
}

recycle_pager_item.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="match_parent"
 android:layout_height="640dp"
 android:orientation="vertical">


 <TextView
 android:id="@ id/add_btn"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:background="#ff0000"
 android:gravity="center"
 android:text="添加Item"
 android:textSize="36dp" />

</RelativeLayout>

源码下载:抖音首页翻页效果

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持Devmax。

RecyclerView+PagerSnapHelper实现抖音首页翻页的Viewpager效果的更多相关文章

  1. android – AnimateLayoutChanges不适用于RecyclerView

    XMLJAVA解决方法过了一会儿我得到了解决方案.我创建了一个函数来设置recyclelerView高度的动画.JAVA}

  2. android – 在RecyclerView中更新ProgressBar

    我有一个RecyclerView.其中,项目具有标准布局–一个TextView和一个ProgressBar.项目在运行时添加到recyclerview.每当添加一个Item时,都会启动一个更新ProgressBar的AsyncTask.AsynTask保存了RecyclerViewAdapter对ProgressBar对象的引用.当回收器视图中的项目太多时,会发生此问题.我知道RecyclerVi

  3. android – WearableRecyclerView .scrollToPosition不适合穿?

    我有一组应该在列表中填充的项目,因为我使用了WearableRecyclerView.在某些情况下,我希望特定的项目成为焦点以供选择.我正在使用Wearablelinearlayoutmanager的scrollToPosition()方法,但监视列表不会滚动到所需的位置,但是在使用RecyclerView和scrollLooutManager的scrollToPosition()的手机上也是如此

  4. android – 在RecyclerView中更改单个drawable的颜色将更改所有drawable

    我只是试图根据一个值改变我的行内部drawable的颜色,但是不是一个drawable,适配器改变了所有这些颜色.这是我的适配器:知道怎么做?谢谢您的帮助!!!

  5. android – 我可以像这样创建一个nestedScroll布局吗?

    我认为它可以通过nestedScrollingChildnestedScrollingParent来实现.但我无法理解他们.谁可以帮助我!产品经理坚持设计.ScrollView包含LinearLayout,“TabLayout”和ViewPager.ViewPager包含2个包含RecyclerView的片段或仅包含2个RecyclerView.当ScrollView滚动到Bottom时,Recy

  6. android – 在NestedScrollView onBindViewHolder中的RecyclerView调用所有getItemCount大小

    当我将RecyclerView放入nestedScrollView时,然后onBindViewHolder调用所有行,比如说我有一个大小为30的列表,那么即使没有滚动,也会同时为所有30行调用onBindViewHolder我的xml是但如果我删除nestedScrollView它正常工作.解决方法高度问题引起的问题.1)编辑nestedScrollView&RecyclerView如下:2)确保

  7. android – RecyclerView滚动条在第一个项目后跳回到顶部

    我创建了一个非常基本的RecyclerView示例.布局:活动:现在,当我滚动到第一个项目之外时,滚动条会跳回到顶部然后继续正常.第二个问题是当我滚动到底部时,滚动条会提前停止.这是支持库中的错误还是我自己的错?解决方法如here所述,此错误已在新版本的支持库v21.0.2中得到修复.

  8. android – 将项目添加到recyclerview的顶部

    我的活动中有一个Recyclerview.当我下拉它将加载新项目回收视图.现在我需要实现pull来将概念刷新到我的recyclerview.我做到了.但是当我调用pull来刷新时,我正在获取新项目并添加到回收视图底部.我需要在循环视图的顶部添加新项目.如何将新加载的项目添加到回收站视图的顶部位置.解决方法我会坚持要在第0个位置添加项目,这个位置来自拉动刷新,如下所示,

  9. android – 如何在另一个recycleview适配器下的recycleview适配器?

    我有一个RecyclerView.它有一个自定义布局,在自定义布局内是另一个RecyclerView.当我通知回收站视图项目已被删除时,我的主回收站视图已更新,但我的自定义视图回收视图未收到通知.这是要删除的RecyclerView滑动的代码.在我的购物车适配器中我采取了另一个回收视图适应.任何想法如何通知自适应如果从循环视图中删除任何数据.???我的onBindViewHolder类家长回收视图儿童recycleview解决方法首先,为什么你甚至需要另一个回收者视图?

  10. android – Animate Recycler在列数更改时查看网格

    我正在使用带有GridLayoutManager的RecyclerView.用户可以在2到4之间切换跨度计数,这将导致动画将每个单元格的内置翻译动画运行到其新位置.我到目前为止使用的代码是:这对我来说一直很好,但现在我需要为每个跨度计数设置不同的布局.为了支持这一点,我在RecyclerView中有2种视图类型,并且由于在移动到新的跨度计数时视图类型已更改,因此RecyclerView无法看到它是

随机推荐

  1. Flutter 网络请求框架封装详解

    这篇文章主要介绍了Flutter 网络请求框架封装详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  2. Android单选按钮RadioButton的使用详解

    今天小编就为大家分享一篇关于Android单选按钮RadioButton的使用详解,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧

  3. 解决android studio 打包发现generate signed apk 消失不见问题

    这篇文章主要介绍了解决android studio 打包发现generate signed apk 消失不见问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

  4. Android 实现自定义圆形listview功能的实例代码

    这篇文章主要介绍了Android 实现自定义圆形listview功能的实例代码,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  5. 详解Android studio 动态fragment的用法

    这篇文章主要介绍了Android studio 动态fragment的用法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  6. Android用RecyclerView实现图标拖拽排序以及增删管理

    这篇文章主要介绍了Android用RecyclerView实现图标拖拽排序以及增删管理的方法,帮助大家更好的理解和学习使用Android,感兴趣的朋友可以了解下

  7. Android notifyDataSetChanged() 动态更新ListView案例详解

    这篇文章主要介绍了Android notifyDataSetChanged() 动态更新ListView案例详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下

  8. Android自定义View实现弹幕效果

    这篇文章主要为大家详细介绍了Android自定义View实现弹幕效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  9. Android自定义View实现跟随手指移动

    这篇文章主要为大家详细介绍了Android自定义View实现跟随手指移动,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  10. Android实现多点触摸操作

    这篇文章主要介绍了Android实现多点触摸操作,实现图片的放大、缩小和旋转等处理,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

返回
顶部