RecyclerView系列之一：实现常见的ListView效果

RecyclerView出现已经有一段时间了，在网上也有很多学习的教程，准备整理一下，总结一下RecyclerView使用时要实现的常用功能.

一、使用前提

dependencies {
    compile 'com.android.support:recyclerview-v7:25.0.1'
}

二、实现常见的ListView效果

1、布局文件

(1)、MainActivity 布局文件

没什么好说的，直接放入RecyclerView就行了

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

</LinearLayout>

(2)、RecyclerViewt条目的布局文件

和ListView一样，你每个条目的布局应该是什么样就设计成什么样

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:background="#ff33b5e5"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <TextView
        android:id="@+id/tv"
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:gravity="center"
        tools:text="别看了，我就是一个TextView" />
</RelativeLayout>

2、Activity中

public class MainActivity extends AppCompatActivity {

    private RecyclerView mRecyclerView;
    private LinearLayoutManager layoutManager;
    private MainAdapter mAdapter;
    private List<String> mDatas;

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

/**
 *      和使用ListView的步骤差不多：初始化组件、设置适配器
 *      只不过这里多了一个设置布局管理器RecyclerView.LayoutManager这一步
 */
        initData();
        mRecyclerView = (RecyclerView) findViewById(R.id.recyclerview);
        layoutManager = new LinearLayoutManager(this, LinearLayoutManager.VERTICAL, false);
        mRecyclerView.setLayoutManager(layoutManager);
        mAdapter = new MainAdapter(this,mDatas);
        mRecyclerView.setAdapter(mAdapter);
    }

    private void initData() {
        mDatas = new ArrayList<>();
        for (int i = 'A'; i < 'Z'; i++) {
            mDatas.add("" + (char) i);
        }
    }
}

3、数据适配器中

public class MainAdapter extends RecyclerView.Adapter<MainAdapter.MyViewHolder> {

    private Context mContext;
    private List<String> mDatas;

    public MainAdapter(Context context, List<String> mDatas) {
        this.mContext = context;
        this.mDatas = mDatas;
    }

/**
 * 创建ViewHolder
 *     在这里我们要做的就是把RecyclerView的item布局填充成View对象，然后返回ViewHolder对象
 */
    @Override   
    public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view = View.inflate(mContext, R.layout.item_layout, null);
        return new MyViewHolder(view);
    }

/**
 * 加载数据到View中
 *     在这里我们要做的就是加载每个item要显示的数据
 */
    @Override   
    public void onBindViewHolder(MyViewHolder holder, int position) {
        holder.tv.setText(mDatas.get(position));
    }

/**
 * 和ListView一样，返回item的数量
 */
    @Override 
    public int getItemCount() {
        return mDatas.size();
    }

/**
 * 在ListView中，很多人都不懂使用ViewHolder, 这也导致了使用ListView性能比较差
 * 而创建RecyclerView的数据适配器时强制我们使用ViewHolder
 */
 class MyViewHolder extends RecyclerView.ViewHolder {
        TextView tv;

 // 这里的参数view就是每个item的布局转换的View对象,在这里我们要做的就是初始化item要显示数据的组件
 
        public MyViewHolder(View view) {
            super(view);
            tv = (TextView) view.findViewById(R.id.tv);
        }
    }
}

4、效果图

好了，简单的ListView效果实现了，下面让我们来看一下效果图