手记

RecyclerView

慕妹3146593
2018-09-28 17:42:39浏览 1235

一、为什么叫做RecyclerView？   

         1、不关心Item是否显示在正确的位置，如何显示；（LayoutManager）

         2、不关心Item间如何分割；（ItemDecoration）

         3、不关注Item增加与删除的动画效果；（ItemAnimator）

         4、仅仅关注如何回收与复用View。

        （1）通过设置LayoutManager的不同实例来设计RecyclerView的风格；

        （2）通过设置ItemDecoration来设计RecyclerView的分割方式；

        （3）通过设置ItemAnimator来设计RecyclerView的动画效果。


二、与RecyclerView相关的重要类

        1、Adapter

        2、ViewHolder

        3、LayoutManager

        4、ItemDecoration

        5、ItemAnimator


三、RecyclerView能干什么？

        1、ListView（LayoutManager）

        2、GridView（LayoutManager）

        3、横向ListView（LayoutManager）

        4、横向GridView（LayoutManager）

        5、瀑布流（LayoutManager）

        6、定制Item增加与删除动画（ItemAnimator）

        （1）实现ListView

                1>写布局文件

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <RelativeLayout
  3.     xmlns:android="http://schemas.android.com/apk/res/android"
  4.     xmlns:tools="http://schemas.android.com/tools"
  5.     android:layout_width="match_parent"
  6.     android:layout_height="match_parent"
  7.     tools:context="com.qf.day_03.Main3Activity">
  8.     <android.support.v7.widget.RecyclerView
  9.         android:id="@+id/id_recyclerview"
  10.         android:layout_width="match_parent"
  11.         android:layout_height="match_parent">

  13.     </android.support.v7.widget.RecyclerView>

  15. </RelativeLayout>
                2>查找控件
    private void initViews() {        mRecyclerView = (RecyclerView) findViewById(R.id.id_recyclerview);    }
                3>获取数据
  1.     private void initDatas() {
  2.         mDatas = new ArrayList<>();
  3.         for (int i = 'A'; i <'z' ; i++) {
  4.             mDatas.add("" + (char) i);

  6.         }
  7.     }
                4>自定义适配器
  1. import android.content.Context;
  2. import android.support.v7.widget.RecyclerView;
  3. import android.view.LayoutInflater;
  4. import android.view.View;
  5. import android.view.ViewGroup;
  6. import android.widget.TextView;

  8. import java.util.List;

  10. /**
  11.  * 适配器
  12.  */
  13. public class SimpleAdapter extends RecyclerView.Adapter<MyViewHolder> {
  14.     private LayoutInflater mInflater;
  15.     private Context mContext;
  16.     private List<String> mDatas;

  18.     public SimpleAdapter(Context context, List<String> datas) {
  19.         mContext = context;
  20.         mDatas = datas;
  21.         mInflater=LayoutInflater.from(mContext);
  22.     }

  24.     /**
  25.      * 创建ViewHolder
  26.      * @param parent
  27.      * @param viewType
  28.      * @return
  29.      */
  30.     @Override
  31.     public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
  32.         View mView = mInflater.inflate(R.layout.item_single, parent, false);
  33.         MyViewHolder mViewHolder = new MyViewHolder(mView);
  34.         return mViewHolder;
  35.     }

  37.     /**
  38.      * 绑定数据
  39.      * @param holder
  40.      * @param position
  41.      */
  42.     @Override
  43.     public void onBindViewHolder(MyViewHolder holder, int position) {
  44.         holder.mTextView.setText(mDatas.get(position));
  45.     }

  47.     /**
  48.      * 返回条目数
  49.      * @return
  50.      */
  51.     @Override
  52.     public int getItemCount() {
  53.         return mDatas.size();
  54.     }
  55. }
  56. class MyViewHolder extends RecyclerView.ViewHolder{
  57.     TextView mTextView;

  59.     public MyViewHolder(View itemView) {
  60.         super(itemView);
  61.         mTextView= (TextView) itemView.findViewById(R.id.id_tv);
  62.     }
  63. }
                5>写Item布局文件
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.               android:layout_width="match_parent"
  4.              android:background="#4f00"
  5.               android:layout_height="72dp">
  6.     <TextView
  7.         android:id="@+id/id_tv"
  8.         android:gravity="center"
  9.         android:layout_width="match_parent"
  10.         android:layout_height="match_parent"
  11.         />

  13. </FrameLayout>
                6>设置适配器
        mAdapter = new SimpleAdapter(this, mDatas);        mRecyclerView.setAdapter(mAdapter);
                7>为RecyclerView设置布局管理
        //设置RecyclerView的布局管理        mRecyclerView.setLayoutManager(new LinearLayoutManager(Main3Activity.this,LinearLayoutManager.VERTICAL,false));
                8>为RecyclerView的Item设置分割线
        //设置RecyclerView的Item间的分割线        mRecyclerView.addItemDecoration(new DividerItemDecoration(this,DividerItemDecoration.VERTICAL_LIST));
                9>设置RecyclerView的Item间分割线的类
  1. import android.content.Context;
  2. import android.content.res.TypedArray;
  3. import android.graphics.Canvas;
  4. import android.graphics.Rect;
  5. import android.graphics.drawable.Drawable;
  6. import android.support.v7.widget.LinearLayoutManager;
  7. import android.support.v7.widget.RecyclerView;
  8. import android.view.View;

  10. /**
  11.  * 设置RecyclerView的Item之间间隔的类
  12.  */
  13. public class DividerItemDecoration extends RecyclerView.ItemDecoration {

  15.     private static final int[] ATTRS = new int[]{
  16.             android.R.attr.listDivider
  17.     };

  19.     public static final int HORIZONTAL_LIST = LinearLayoutManager.HORIZONTAL;

  21.     public static final int VERTICAL_LIST = LinearLayoutManager.VERTICAL;

  23.     private Drawable mDivider;

  25.     private int mOrientation;

  27.     public DividerItemDecoration(Context context, int orientation) {
  28.         final TypedArray a = context.obtainStyledAttributes(ATTRS);
  29.         mDivider = a.getDrawable(0);
  30.         a.recycle();
  31.         setOrientation(orientation);
  32.     }

  34.     public void setOrientation(int orientation) {
  35.         if (orientation != HORIZONTAL_LIST && orientation != VERTICAL_LIST) {
  36.             throw new IllegalArgumentException("invalid orientation");
  37.         }
  38.         mOrientation = orientation;
  39.     }

  41.     @Override
  42.     public void onDraw(Canvas c, RecyclerView parent) {

  44.         if (mOrientation == VERTICAL_LIST) {
  45.             drawVertical(c, parent);
  46.         } else {
  47.             drawHorizontal(c, parent);
  48.         }

  50.     }


  53.     public void drawVertical(Canvas c, RecyclerView parent) {
  54.         final int left = parent.getPaddingLeft();
  55.         final int right = parent.getWidth() - parent.getPaddingRight();

  57.         final int childCount = parent.getChildCount();
  58.         for (int i = 0; i < childCount; i++) {
  59.             final View child = parent.getChildAt(i);
  60.             android.support.v7.widget.RecyclerView v = new android.support.v7.widget.RecyclerView(parent.getContext());
  61.             final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child
  62.                     .getLayoutParams();
  63.             final int top = child.getBottom() + params.bottomMargin;
  64.             final int bottom = top + mDivider.getIntrinsicHeight();
  65.             mDivider.setBounds(left, top, right, bottom);
  66.             mDivider.draw(c);
  67.         }
  68.     }

  70.     public void drawHorizontal(Canvas c, RecyclerView parent) {
  71.         final int top = parent.getPaddingTop();
  72.         final int bottom = parent.getHeight() - parent.getPaddingBottom();

  74.         final int childCount = parent.getChildCount();
  75.         for (int i = 0; i < childCount; i++) {
  76.             final View child = parent.getChildAt(i);
  77.             final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child
  78.                     .getLayoutParams();
  79.             final int left = child.getRight() + params.rightMargin;
  80.             final int right = left + mDivider.getIntrinsicHeight();
  81.             mDivider.setBounds(left, top, right, bottom);
  82.             mDivider.draw(c);
  83.         }
  84.     }

  86.     @Override
  87.     public void getItemOffsets(Rect outRect, int itemPosition, RecyclerView parent) {
  88.         if (mOrientation == VERTICAL_LIST) {
  89.             outRect.set(0, 0, 0, mDivider.getIntrinsicHeight());
  90.         } else {
  91.             outRect.set(0, 0, mDivider.getIntrinsicWidth(), 0);
  92.         }
  93.     }
  94. }
                10>秒变GridView
  1. mRecyclerView.setLayoutManager(new GridLayoutManager(Main3Activity.this,3));
  2. //mRecyclerView.setLayoutManager(new GridLayoutManager(this,3,GridLayoutManager.HORIZONTAL,false));
        （2）实现瀑布流布局
                                1>写布局文件
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <RelativeLayout
  3.     xmlns:android="http://schemas.android.com/apk/res/android"
  4.     xmlns:tools="http://schemas.android.com/tools"
  5.     android:layout_width="match_parent"
  6.     android:layout_height="match_parent"
  7.     tools:context="com.qf.day_03.Main3Activity">
  8.     <android.support.v7.widget.RecyclerView
  9.         android:id="@+id/id_recyclerview"
  10.         android:layout_width="match_parent"
  11.         android:layout_height="match_parent">

  13.     </android.support.v7.widget.RecyclerView>

  15. </RelativeLayout>
                2>查找控件
    private void initViews() {        mRecyclerView = (RecyclerView) findViewById(R.id.id_recyclerview);    }
                3>获取数据
  1.     private void initDatas() {
  2.         mDatas = new ArrayList<>();
  3.         for (int i = 'A'; i <'z' ; i++) {
  4.             mDatas.add("" + (char) i);

  6.         }
  7.     }
                4>自定义适配器
  1. import android.content.Context;
  2. import android.support.v7.widget.RecyclerView;
  3. import android.view.LayoutInflater;
  4. import android.view.View;
  5. import android.view.ViewGroup;
  6. import android.widget.TextView;

  8. import java.util.ArrayList;
  9. import java.util.List;

  11. /**
  12.  * 瀑布流适配器
  13.  */
  14. public class StaggeredAdapter extends RecyclerView.Adapter<StaggeredAdapter.MyViewHolder>{
  15.     private LayoutInflater mInflater;
  16.     private Context mContext;
  17.     private List<String> mDatas;
  18.     private List<Integer> mHeights;

  20.     public StaggeredAdapter(Context context, List<String> datas) {
  21.         mContext = context;
  22.         mDatas = datas;
  23.         mInflater=LayoutInflater.from(mContext);
  24.         mHeights = new ArrayList<>();
  25.         for (int i = 0; i < mDatas.size(); i++) {
  26.             mHeights.add((int) (100 + Math.random() * 300));
  27.         }

  29.     }

  31.     /**
  32.      * 创建ViewHolder
  33.      * @param parent
  34.      * @param viewType
  35.      * @return
  36.      */
  37.     @Override
  38.     public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
  39.         View mView = mInflater.inflate(R.layout.item_single, parent, false);
  40.         MyViewHolder mViewHolder = new MyViewHolder(mView);
  41.         return mViewHolder;
  42.     }

  44.     /**
  45.      * 绑定数据
  46.      * @param holder
  47.      * @param position
  48.      */
  49.     @Override
  50.     public void onBindViewHolder(MyViewHolder holder, int position) {
  51.         ViewGroup.LayoutParams mParams = holder.itemView.getLayoutParams();
  52.         mParams.height = mHeights.get(position);
  53.         holder.itemView.setLayoutParams(mParams);
  54.         holder.mTextView.setText(mDatas.get(position));
  55.     }

  57.     /**
  58.      * 返回条目数
  59.      * @return
  60.      */
  61.     @Override
  62.     public int getItemCount() {
  63.         return mDatas.size();
  64.     }
  65.     class MyViewHolder extends RecyclerView.ViewHolder{
  66.         TextView mTextView;

  68.         public MyViewHolder(View itemView) {
  69.             super(itemView);
  70.             mTextView= (TextView) itemView.findViewById(R.id.id_tv);
  71.         }
  72. }

  74. }
                 5>写Item布局文件
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.               android:layout_width="match_parent"
  4.              android:background="#4f00"
  5.               android:layout_height="72dp">
  6.     <TextView
  7.         android:id="@+id/id_tv"
  8.         android:gravity="center"
  9.         android:layout_width="match_parent"
  10.         android:layout_height="match_parent"
  11.         />

  13. </FrameLayout>
                6>设置适配器
 mAdapter = new StaggeredAdapter(this, mDatas); mRecyclerView.setAdapter(mAdapter);
                7>为RecyclerView设置布局管理
mRecyclerView.setLayoutManager(new StaggeredGridLayoutManager(3, StaggeredGridLayoutManager.VERTICAL));
        （3）增加和删除Item的动画
mRecyclerView.setItemAnimator(new DefaultItemAnimator());
        （4）设置Item监听事件
                4.1>在适配器中定义点击事件的接口
  1.  /**
  2.      * 设置点击事件的接口
  3.      */
  4.     public interface OnItemClickListener{
  5.         void onItemClick(View view, int position);
  6.         void onItemLongClick(View view,int position);
  7.     }

  9.     private OnItemClickListener mOnItemClickListener;

  11.     public void setOnItemClickListener(OnItemClickListener listener) {
  12.         this.mOnItemClickListener = listener;
  13.     }
                4.2>在适配器的onBindViewHolder方法中设置Item的点击事件
  1.  if (mOnItemClickListener != null) {
  2.         holder.itemView.setOnClickListener(new View.OnClickListener() {
  3.             @Override
  4.             public void onClick(View v) {
  5. //获取布局上的位置
                        int mPosition = holder.getLayoutPosition();
  6.                     mOnItemClickListener.onItemClick(holder.itemView,mPosition);

  8.             }
  9.         });

  11.             //longclick
  12.             holder.itemView.setOnLongClickListener(new View.OnLongClickListener() {
  13.                 @Override
  14.                 public boolean onLongClick(View v) {
  15. //获取布局上的位置(在有Item增加和减少的时候有用)
                        int mPosition = holder.getLayoutPosition();
  16.                     mOnItemClickListener.onItemLongClick(holder.itemView,mPosition);
  17.                     return false;
  18.                 }
  19.             });
  20.         }
                4.3>在Activity中为适配器设置点击事件
  1. mAdapter.setOnItemClickListener(new SimpleAdapter.OnItemClickListener() {
  2.             @Override
  3.             public void onItemClick(View view, int position) {
  4.                 Toast.makeText(Main3Activity.this, "click:"+position, Toast.LENGTH_SHORT).show();
  5.             }

  7.             @Override
  8.             public void onItemLongClick(View view, int position) {
  9.                 Toast.makeText(Main3Activity.this, "longclick:"+position, Toast.LENGTH_SHORT).show();
  10.             }
  11.         });
四、注意事项
        1、ItemAnimator在使用的时候，不要使用notifyItemChanged(),而是要使用notifyItemInserted();和notifyItemMoved();。
        2、RecyclerView没有提供Item的Click事件，所以需要手动在Adapter中提供ItemClick/longClick的回调。
        3、RecyclerView可以实现在ListView、GridView、横向ListView、横向 GridView、瀑布流之间的灵活切换。
原文链接：http://www.apkbus.com/blog-815579-62010.html

	
	

	

		

			
相关标签

			
			
Android

			
		

	

	

		
		

		
		

		
			
0人推荐

		

	





	随时随地看视频
慕课网APP






	
	





	
相关阅读

	

	
		
模仿猿题库的情景题UI

	
		
RecyclerView基本使用与优势

	
		
【学习打卡】第12天 App 专项技术优化