RecyclerView使用详解（一）

RecyclerView架构，提供了一种插拔式的体验，高度的解耦，异常的灵活，通过设置它提供的不同LayoutManager，ItemDecoration , ItemAnimator实现令人瞠目的效果。

与ListView的区别

ListView中convertView是复用的，在RecyclerView中，是把ViewHolder作为缓存的单位了，然后convertView作为ViewHolder的成员变量保持在ViewHolder中，也就是说，假设没有屏幕显示10个条目，则会创建10个ViewHolder缓存起来，每次复用的是ViewHolder，所以他把getView这个方法变为了onCreateViewHolder。

展示一个列表，实现简单交互

现在对RecyclerView的进行简单的使用。在使用RecyclerView之前，先要引入类库～

 compile 'com.android.support:design:25.3.0'
 compile 'com.android.support:recyclerview-v7:25.3.0'

MainActivity.java

public class MainActivity extends AppCompatActivity {

    @BindView(R.id.title)
    TextView title;
    @BindView(R.id.recycle_view)
    RecyclerView recycleView;

    private List<String> datas = new ArrayList<String>();
    private HomeAdapter homeAdapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ButterKnife.bind(this);
        initData();
        initView();
    }

    /**
     * 模拟数据，填充adapter
     */
    private void initData() {
        for (int i = 0; i < 20; i++) {
            datas.add("数据是 " + i);
        }
        homeAdapter = new HomeAdapter(this, datas);
    }

    /**
     * 初始化view
     */
    private void initView() {
        recycleView.setLayoutManager(new LinearLayoutManager(this));
        recycleView.setAdapter(homeAdapter);
    }
}

这里仅仅模拟一些数据，并对RecyclerView进行初始化（设置布局管理器、设置Adapter）。

activity_main.xml

<?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="wrap_content"
    android:orientation="vertical">
    <TextView
        android:id="@+id/title"
        android:layout_width="match_parent"
        android:layout_height="45dp"
        android:paddingLeft="10dp"
        android:background="@color/gainsboro"
        android:gravity="center_vertical"
        android:text="这是标题"/>

    <android.support.v7.widget.RecyclerView
        android:id="@+id/recycle_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    </android.support.v7.widget.RecyclerView>
</LinearLayout>

为了更好的重用，这里单独写了HomeAdapter类～

HomeAdapter.java

/**
 * Created by jinzifu on 2017/4/14.
 */

public class HomeAdapter extends RecyclerView.Adapter<HomeAdapter.MyViewHolder> {
    private Context context;
    private List<String> datas;

    public HomeAdapter(Context context, List<String> datas) {
        this.context = context;
        this.datas = datas;
    }

    /**
     * 加载条目布局
     *
     * @param parent
     * @param viewType
     * @return
     */
    @Override
    public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        return new MyViewHolder(LayoutInflater.from(context).inflate(R.layout.item_recycle_list, parent, false));
    }

    /**
     * 将视图与数据进行绑定
     *
     * @param holder
     * @param position
     */
    @Override
    public void onBindViewHolder(MyViewHolder holder, final int position) {
        holder.title.setText(datas.get(position));
        Log.d("onBindViewHolder", "索引=" + position);
        holder.layout.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Toast.makeText(context, "你点击了" + position, Toast.LENGTH_SHORT).show();
            }
        });
    }

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


    class MyViewHolder extends RecyclerView.ViewHolder {
        private TextView title;
        private LinearLayout layout;

        public MyViewHolder(View itemView) {
            super(itemView);
            title = (TextView) itemView.findViewById(R.id.item_title);
            layout = (LinearLayout) itemView.findViewById(R.id.item_layout);
        }
    }
}

这里通过HomeAdapter的构造方法引入上下文和数组，并进行简要的视图逻辑。
item_recycle_list.xml仅仅是一个textview展示，此处省略～

运行效果

发现问题了没？

列举下上面出现的问题：
1. 列表展示没有分割线；
2. HomeAdapter里模板类代码很多，有进一步封装的必要；
3. HomeAdapter里视图交互支持有限，如缺少onClickListener等；

接下来我们一步一步优化，我先约会去～