[关闭]
@hx 2018-04-27T14:12:03.000000Z 字数 13261 阅读 928

RecyclerView

Android

提供三种内置LayoutManager

LinearLayoutManager:线性布局,横向或者纵向滑动列表
GridLayoutManager:表格布局
StaggeredGridLayoutManager:流式布局,例如瀑布流效果

常用类

1.主布局

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout
  3.     xmlns:android="http://schemas.android.com/apk/res/android"
  4.     android:layout_width="match_parent"
  5.     android:layout_height="match_parent"
  6.     android:orientation="vertical">
  8.    <android.support.v7.widget.RecyclerView
  9.        android:id="@+id/recycler_view"
  10.        android:layout_width="match_parent"
  11.        android:scrollbars="horizontal"
  12.        android:layout_height="match_parent">
  14.    </android.support.v7.widget.RecyclerView>
  15. </LinearLayout>

2.子布局

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <FrameLayout
  3.     xmlns:android="http://schemas.android.com/apk/res/android"
  4.     android:layout_width="match_parent"
  5.     android:layout_height="72dp"
  6.     android:layout_margin="1dp"
  7.     android:background="@color/colorLine">
  9.     <TextView
  10.         android:id="@+id/second_text_view"
  11.         android:layout_width="72dp"
  12.         android:layout_height="match_parent"
  13.         android:gravity="center"
  14.         android:text="A"
  15.         android:textSize="24sp"/>
  17. </FrameLayout>

3-1.Adapter

  1. public class MyRecyclerViewAdapter extends RecyclerView.Adapter<MyRecyclerViewAdapter.MyViewHolder> {
  3.     private Context mContext;
  4.     private List<String> mList;
  5.     private LayoutInflater mLayoutInflater;
  7.     public MyRecyclerViewAdapter(Context context, List<String> list) {
  8.         mContext = context;
  9.         mList = list;
  10.         mLayoutInflater = LayoutInflater.from(context);
  11.     }
  13.     // 创建ViewHolder
  14.     @Override
  15.     public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
  17.         View view = mLayoutInflater.inflate(R.layout.item, parent, false);
  18.         MyViewHolder myViewHolder = new MyViewHolder(view);
  19.         return myViewHolder;
  20.     }
  22.     @Override
  23.     public void onBindViewHolder(MyViewHolder holder, int position) {
  24.         holder.mTextView.setText(mList.get(position));
  25.     }
  27.     @Override
  28.     public int getItemCount() {
  29.         return mList.size();
  30.     }
  32.     class MyViewHolder extends RecyclerView.ViewHolder {
  34.         TextView mTextView;
  36.         public MyViewHolder(View itemView) {
  37.             super(itemView);
  38.             mTextView = (TextView) itemView.findViewById(R.id.second_text_view);
  39.         }
  40.     }
  42. }

3-2.瀑布流 StaggeredAdapter

  1. public class StaggeredAdapter extends RecyclerView.Adapter<StaggeredAdapter.MyViewHolder> {
  3.     private Context mContext;
  4.     private List<String> mList;
  5.     private LayoutInflater mLayoutInflater;
  7.     // 自定义Item高度
  8.     private List<Integer> mHeight;
  10.     public StaggeredAdapter(Context context, List<String> list) {
  11.         mContext = context;
  12.         mList = list;
  13.         mLayoutInflater = LayoutInflater.from(context);
  14.         mHeight = new ArrayList<>();
  15.         // 随机高度
  16.         for (int i = 0; i < mList.size(); i++) {
  17.             mHeight.add((int) (100 + Math.random() * 300));
  18.         }
  19.     }
  21.     // 创建ViewHolder
  22.     @Override
  23.     public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
  25.         View view = mLayoutInflater.inflate(R.layout.item, parent, false);
  26.         MyViewHolder myViewHolder = new MyViewHolder(view);
  27.         return myViewHolder;
  28.     }
  30.     @Override
  31.     public void onBindViewHolder(MyViewHolder holder, int position) {
  32.         // 获取Item 父布局高度
  33.         ViewGroup.LayoutParams layoutParams = holder.itemView.getLayoutParams();
  34.         layoutParams.height = mHeight.get(position);
  35.         // 设置Item 父布局高度
  36.         holder.itemView.setLayoutParams(layoutParams);
  38.         holder.mTextView.setText(mList.get(position));
  39.     }
  41.     @Override
  42.     public int getItemCount() {
  43.         return mList.size();
  44.     }
  46.     class MyViewHolder extends RecyclerView.ViewHolder {
  48.         TextView mTextView;
  50.         public MyViewHolder(View itemView) {
  51.             super(itemView);
  52.             mTextView = (TextView) itemView.findViewById(R.id.second_text_view);
  53.         }
  54.     }
  56. }

4-1. MainActivity

  1. public class SecondActivity extends AppCompatActivity {
  3.     private List<String> mList;
  4.     private RecyclerView mRecyclerView;
  6.     @Override
  7.     protected void onCreate(@Nullable Bundle savedInstanceState) {
  8.         super.onCreate(savedInstanceState);
  9.         setContentView(R.layout.activity_second);
  11.         initViews();
  12.         initDatas();
  14.         MyRecyclerViewAdapter myRecyclerViewAdapter = new MyRecyclerViewAdapter(this, mList);
  16.         mRecyclerView.setAdapter(myRecyclerViewAdapter);
  17.         // 设置Recycler的布局方法
  18.         LinearLayoutManager linearLayoutManager =
  19.                 new LinearLayoutManager(this, LinearLayoutManager.VERTICAL, false);
  20.         mRecyclerView.setLayoutManager(linearLayoutManager);
  21.         // 设置Item间分割线
  22. //        mRecyclerView.addItemDecoration(new DividerItemDecoration(
  23. //                this, DividerItemDecoration.VERTICAL_LIST));
  24.     }
  26.     private void initViews() {
  27.         mRecyclerView = (RecyclerView) findViewById(R.id.recycler_view);
  28.     }
  30.     private void initDatas() {
  31.         mList = new ArrayList<>();
  32.         for (int i = 'A'; i < 'Z'; i++) {
  33.             mList.add("" + (char) i);
  34.         }
  35.     }
  37.     @Override
  38.     public boolean onCreateOptionsMenu(Menu menu) {
  39.         getMenuInflater().inflate(R.menu.menu_main2, menu);
  40.         return true;
  41.     }
  43.     @Override
  44.     public boolean onOptionsItemSelected(MenuItem item) {
  46.         int id = item.getItemId();
  48.         switch (id) {
  49.             case R.id.action_list:
  50.                 mRecyclerView.setLayoutManager(new LinearLayoutManager(this));
  51.                 break;
  52.             case R.id.action_gridView:
  53.                 mRecyclerView.setLayoutManager(new GridLayoutManager(this, 3));
  54.                 break;
  55.             case R.id.action_horizontalView:
  56.                 mRecyclerView.setLayoutManager(
  57.                         new LinearLayoutManager(this, LinearLayoutManager.HORIZONTAL, false));
  58.                 break;
  59.             case R.id.action_staggered:
  60.                 startActivity(new Intent(SecondActivity.this, StaggeredActivity.class));
  61.                 break;
  62.             case R.id.action_HorizontalGridView:
  63.                 mRecyclerView.setLayoutManager(
  64.                         new StaggeredGridLayoutManager(5, StaggeredGridLayoutManager.HORIZONTAL));
  65.                 break;
  66.             default:
  67.                 break;
  68.         }
  69.         return super.onOptionsItemSelected(item);
  70.     }
  71. }

4-2. StaggeredActivity

  1. public class StaggeredActivity extends AppCompatActivity {
  3.     private List<String> mList;
  4.     private RecyclerView mRecyclerView;
  6.     @Override
  7.     protected void onCreate(@Nullable Bundle savedInstanceState) {
  8.         super.onCreate(savedInstanceState);
  9.         setContentView(R.layout.activity_second);
  11.         initViews();
  12.         initDatas();
  14.         StaggeredAdapter Staggered = new StaggeredAdapter(this, mList);
  16.         mRecyclerView.setAdapter(Staggered);
  17.         // 设置Recycler的布局方法
  18.         mRecyclerView.setLayoutManager(
  19.                 new StaggeredGridLayoutManager(4, StaggeredGridLayoutManager.VERTICAL));
  20.     }
  22.     private void initViews() {
  23.         mRecyclerView = (RecyclerView) findViewById(R.id.recycler_view);
  24.     }
  26.     private void initDatas() {
  27.         mList = new ArrayList<>();
  28.         for (int i = 'A'; i <= 'Z'; i++) {
  29.             mList.add("" + (char) i);
  30.         }
  31.     }
  32. }

5-1.普通分割线

  1. public class DividerItemDecoration extends RecyclerView.ItemDecoration {
  3.     private static final int[] ATTRS = new int[]{android.R.attr.listDivider};
  4.     public static final int HORIZONTAL_LIST = LinearLayoutManager.HORIZONTAL;
  5.     public static final int VERTICAL_LIST = LinearLayoutManager.VERTICAL;
  6.     private Drawable mDivider;
  7.     private int mOrientation;
  9.     public DividerItemDecoration(Context context, int orientation) {
  10.         final TypedArray a = context.obtainStyledAttributes(ATTRS);
  11.         mDivider = a.getDrawable(0);
  12.         a.recycle();
  13.         setOrientation(orientation);
  14.     }
  16.     public void setOrientation(int orientation) {
  17.         if (orientation != HORIZONTAL_LIST && orientation != VERTICAL_LIST) {
  18.             throw new IllegalArgumentException("invalid orientation");
  19.         }
  20.         mOrientation = orientation;
  21.     }
  23.     @Override
  24.     public void onDraw(Canvas c, RecyclerView parent, RecyclerView.State state) {
  25.         if (mOrientation == VERTICAL_LIST) {
  26.             drawVertical(c, parent);
  27.         } else {
  28.             drawHorizontal(c, parent);
  29.         }
  30.     }
  32.     public void drawVertical(Canvas c, RecyclerView parent) {
  33.         final int left = parent.getPaddingLeft();
  34.         final int right = parent.getWidth() - parent.getPaddingRight();
  35.         final int childCount = parent.getChildCount();
  36.         for (int i = 0; i < childCount; i++) {
  37.             final View child = parent.getChildAt(i);
  38.             RecyclerView v = new RecyclerView(
  39.                     parent.getContext());
  40.             final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child
  41.                     .getLayoutParams();
  42.             final int top = child.getBottom() + params.bottomMargin;
  43.             final int bottom = top + mDivider.getIntrinsicHeight();
  44.             mDivider.setBounds(left, top, right, bottom);
  45.             mDivider.draw(c);
  46.         }
  47.     }
  49.     public void drawHorizontal(Canvas c, RecyclerView parent) {
  50.         final int top = parent.getPaddingTop();
  51.         final int bottom = parent.getHeight() - parent.getPaddingBottom();
  53.         final int childCount = parent.getChildCount();
  54.         for (int i = 0; i < childCount; i++) {
  55.             final View child = parent.getChildAt(i);
  56.             final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child
  57.                     .getLayoutParams();
  58.             final int left = child.getRight() + params.rightMargin;
  59.             final int right = left + mDivider.getIntrinsicHeight();
  60.             mDivider.setBounds(left, top, right, bottom);
  61.             mDivider.draw(c);
  62.         }
  63.     }
  65.     @Override
  66.     public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
  67.         super.getItemOffsets(outRect, view, parent, state);
  68.         if (mOrientation == VERTICAL_LIST) {
  69.             outRect.set(0, 0, 0, mDivider.getIntrinsicHeight());
  70.         } else {
  71.             outRect.set(0, 0, mDivider.getIntrinsicWidth(), 0);
  72.         }
  73.     }
  74. }

5-2. Grid分隔线

  1. public class DividerGridItemDecoration extends RecyclerView.ItemDecoration {
  2.     private static final int[] ATTRS = new int[]{android.R.attr.listDivider};
  3.     private Drawable mDivider;
  4.     public DividerGridItemDecoration(Context context) {
  5.         final TypedArray a = context.obtainStyledAttributes(ATTRS);
  6.         mDivider = a.getDrawable(0);
  7.         a.recycle();
  8.     }
  9.     @Override
  10.     public void onDraw(Canvas c, RecyclerView parent, State state) {
  11.         drawHorizontal(c, parent);
  12.         drawVertical(c, parent);
  13.     }
  14.     private int getSpanCount(RecyclerView parent) {
  15.         // 列数
  16.         int spanCount = -1;
  17.         LayoutManager layoutManager = parent.getLayoutManager();
  18.         if (layoutManager instanceof GridLayoutManager) {
  19.             spanCount = ((GridLayoutManager) layoutManager).getSpanCount();
  20.         } else if (layoutManager instanceof StaggeredGridLayoutManager) {
  21.             spanCount = ((StaggeredGridLayoutManager) layoutManager)
  22.                     .getSpanCount();
  23.         }
  24.         return spanCount;
  25.     }
  26.     public void drawHorizontal(Canvas c, RecyclerView parent) {
  27.         int childCount = parent.getChildCount();
  28.         for (int i = 0; i < childCount; i++) {
  29.             final View child = parent.getChildAt(i);
  30.             final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child
  31.                     .getLayoutParams();
  32.             final int left = child.getLeft() - params.leftMargin;
  33.             final int right = child.getRight() + params.rightMargin
  34.                     + mDivider.getIntrinsicWidth();
  35.             final int top = child.getBottom() + params.bottomMargin;
  36.             final int bottom = top + mDivider.getIntrinsicHeight();
  37.             mDivider.setBounds(left, top, right, bottom);
  38.             mDivider.draw(c);
  39.         }
  40.     }
  41.     public void drawVertical(Canvas c, RecyclerView parent) {
  42.         final int childCount = parent.getChildCount();
  43.         for (int i = 0; i < childCount; i++) {
  44.             final View child = parent.getChildAt(i);
  45.             final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child
  46.                     .getLayoutParams();
  47.             final int top = child.getTop() - params.topMargin;
  48.             final int bottom = child.getBottom() + params.bottomMargin;
  49.             final int left = child.getRight() + params.rightMargin;
  50.             final int right = left + mDivider.getIntrinsicWidth();
  51.             mDivider.setBounds(left, top, right, bottom);
  52.             mDivider.draw(c);
  53.         }
  54.     }
  55.     private boolean isLastColum(RecyclerView parent, int pos, int spanCount,
  56.                                 int childCount) {
  57.         LayoutManager layoutManager = parent.getLayoutManager();
  58.         if (layoutManager instanceof GridLayoutManager) {
  59.             if ((pos + 1) % spanCount == 0)// 如果是最后一列，则不需要绘制右边
  60.             {
  61.                 return true;
  62.             }
  63.         } else if (layoutManager instanceof StaggeredGridLayoutManager) {
  64.             int orientation = ((StaggeredGridLayoutManager) layoutManager)
  65.                     .getOrientation();
  66.             if (orientation == StaggeredGridLayoutManager.VERTICAL) {
  67.                 if ((pos + 1) % spanCount == 0)// 如果是最后一列，则不需要绘制右边
  68.                 {
  69.                     return true;
  70.                 }
  71.             } else {
  72.                 childCount = childCount - childCount % spanCount;
  73.                 if (pos >= childCount)// 如果是最后一列，则不需要绘制右边
  74.                     return true;
  75.             }
  76.         }
  77.         return false;
  78.     }
  79.     private boolean isLastRaw(RecyclerView parent, int pos, int spanCount,
  80.                               int childCount) {
  81.         LayoutManager layoutManager = parent.getLayoutManager();
  82.         if (layoutManager instanceof GridLayoutManager) {
  83.             childCount = childCount - childCount % spanCount;
  84.             if (pos >= childCount)// 如果是最后一行，则不需要绘制底部
  85.                 return true;
  86.         } else if (layoutManager instanceof StaggeredGridLayoutManager) {
  87.             int orientation = ((StaggeredGridLayoutManager) layoutManager)
  88.                     .getOrientation();
  89.             // StaggeredGridLayoutManager 且纵向滚动
  90.             if (orientation == StaggeredGridLayoutManager.VERTICAL) {
  91.                 childCount = childCount - childCount % spanCount;
  92.                 // 如果是最后一行，则不需要绘制底部
  93.                 if (pos >= childCount)
  94.                     return true;
  95.             } else
  96.             // StaggeredGridLayoutManager 且横向滚动
  97.             {
  98.                 // 如果是最后一行，则不需要绘制底部
  99.                 if ((pos + 1) % spanCount == 0) {
  100.                     return true;
  101.                 }
  102.             }
  103.         }
  104.         return false;
  105.     }
  107.     @Override
  108.     public void getItemOffsets(Rect outRect, int itemPosition,
  109.                                RecyclerView parent) {
  110.         int spanCount = getSpanCount(parent);
  111.         int childCount = parent.getAdapter().getItemCount();
  112.         if (isLastRaw(parent, itemPosition, spanCount, childCount))// 如果是最后一行，则不需要绘制底部
  113.         {
  114.             outRect.set(0, 0, mDivider.getIntrinsicWidth(), 0);
  115.         } else if (isLastColum(parent, itemPosition, spanCount, childCount))// 如果是最后一列，则不需要绘制右边
  116.         {
  117.             outRect.set(0, 0, 0, mDivider.getIntrinsicHeight());
  118.         } else {
  119.             outRect.set(0, 0, mDivider.getIntrinsicWidth(),
  120.                     mDivider.getIntrinsicHeight());
  121.         }
  122.     }
  123. }

6.设置Item动画
在MyRecyclerViewAdapter中添加2个方法，然后在MainActivity中设置动画

  1.     // 创建添加方法
  2.     public void addData(int position) {
  3.         mList.add(position, "Insert one");
  4.         notifyItemInserted(position);
  5.     }
  7.     // 创建remove方法
  8.     public void removeDate(int position) {
  9.         mList.remove(position);
  10.         notifyItemRemoved(position);
  11.     }
  1.  public boolean onOptionsItemSelected(MenuItem item) {
  3.         int id = item.getItemId();
  5.         switch (id) {
  6.             case R.id.action_add:
  7.                 mMyRecyclerViewAdapter.addData(1);
  8.                 break;
  9.             case R.id.action_delete:
  10.                 mMyRecyclerViewAdapter.removeDate(1);
  11.                 break;

7.设置点击和长按事件
在MyRecyclerViewAdapter中创建接口，并在onBindViewHolder()方法中设置点击和长按事件，然后在MainActivity中添加代码。

  1.   // 创建接口
  2.     public interface OnItemClickListener {
  3.         void OnItemClick(View view, int position);
  5.         void OnItemLongClick(View view, int position);
  6.     }
  8.     private OnItemClickListener mOnItemClickListener;
  10.     public void setOnItemClickListener(OnItemClickListener onItemClickListener) {
  11.         this.mOnItemClickListener = onItemClickListener;
  12.     }
  14.      @Override
  15.     public void onBindViewHolder(final MyViewHolder holder, final int position) {
  16.         holder.mTextView.setText(mList.get(position));
  18.         if (mOnItemClickListener != null) {
  19.             // 点击
  20.             holder.itemView.setOnClickListener(new View.OnClickListener() {
  21.                 @Override
  22.                 public void onClick(View view) {
  23.                     int layoutPosition = holder.getLayoutPosition();
  24.                     mOnItemClickListener.OnItemClick(holder.itemView, layoutPosition);
  25.                 }
  26.                 }
  27.             });
  29.             // 长按
  30.             holder.itemView.setOnLongClickListener(new View.OnLongClickListener() {
  31.                 int layoutPosition = holder.getLayoutPosition();
  32.                 @Override
  33.                 public boolean onLongClick(View view) {
  34.                     mOnItemClickListener.OnItemLongClick(holder.itemView, layoutPosition);
  35.                     return true;
  36.                 }
  37.             });
  38.         }
  39.     }
  1. // 设置点击和长击事件
  2.         mMyRecyclerViewAdapter.setOnItemClickListener(new MyRecyclerViewAdapter.OnItemClickListener() {
  3.             @Override
  4.             public void OnItemClick(View view, int position) {
  5.                 TextView textView = (TextView) view.findViewById(R.id.second_text_view);
  6.                 Toast.makeText(
  7.                         SecondActivity.this, "点击" + textView.getText() + "位置" + position, Toast.LENGTH_SHORT).show();
  8.             }
  10.             @Override
  11.             public void OnItemLongClick(View view, int position) {
  12.                 Toast.makeText(
  13.                         SecondActivity.this, "长按第" + position, Toast.LENGTH_SHORT).show();
  14.             }
  15.         });

演示视频

添加新批注
在作者公开此批注前，只有你和作者可见。
回复批注