Android读书笔记之自定义RecyclerView列表项

该读书笔记是自己阅读《Android编程权威指南》和《The.Big.Nerd.Ranch.Guide.2nd.Edition》（《Android编程权威指南》第二版）所做的一些笔记。

在那篇文章（http://blog.csdn.net/u014285517/article/details/50333497）中，通过Fragment和RecyclerView显示了一个简单的列表，列表项只有一个简单的TextView。

在这篇文章中我们来自定义列表项，使其更具有实用价值，我们要实现的列表项左边有张图片，右边的上边有段对图片的描述，下边是一个按钮，并可以响应用户的点击。

如下图所示（仅作功能演示之用。。。。。）：

下面我们来看下代码：

package com.example.zhan.fragmenttest;

import android.app.Fragment;
import android.os.Bundle;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.TextView;
import android.widget.Toast;

import java.util.ArrayList;
import java.util.List;


public class ListFragment extends Fragment {

    private RecyclerView mRecyclerView;
    private ItemAdapter mItemAdapter;

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment_list,container,false);

        mRecyclerView = (RecyclerView) view.findViewById(R.id.recycler_view);
        mRecyclerView.setLayoutManager(new LinearLayoutManager(getActivity()));

        //产生列表数据
        List<Item> itemList = new ArrayList<>();
        for (int i = 0;i < 100;i++) {
            Item item = new Item();
            item.setId(i);
            itemList.add(item);
        }

        mItemAdapter = new ItemAdapter(itemList);
        mRecyclerView.setAdapter(mItemAdapter);

        return view;
    }



    private class ItemHolder extends RecyclerView.ViewHolder implements View.OnClickListener{

        private TextView mTextView;
        private Button mButton;

        public ItemHolder(View itemView) {
            super(itemView);
            mTextView = (TextView) itemView.findViewById(R.id.textView);
            mButton = (Button) itemView.findViewById(R.id.button);
            mButton.setOnClickListener(this);
        }

        @Override
        public void onClick(View v) {
            Toast.makeText(getActivity(),"Press",Toast.LENGTH_LONG).show();
        }

    }

    private class ItemAdapter extends RecyclerView.Adapter<ItemHolder> {

        private List<Item> mItems;

        public ItemAdapter(List<Item> items) {
            mItems = items;
        }

        @Override
        public ItemHolder onCreateViewHolder(ViewGroup viewGroup, int i) {
            LayoutInflater layoutInflater = LayoutInflater.from(getActivity());
            //
            View view = layoutInflater.inflate(R.layout.list_item,
                    viewGroup,false);
            return new ItemHolder(view);
        }

        @Override
        public void onBindViewHolder(ItemHolder viewHolder, int i) {
            Item item = mItems.get(i);
            //这里开始直接传数值，结果被当做资源ID了。。。。。
            //然后就android.content.res.Resources$NotFoundException
            viewHolder.mTextView.setText(String.valueOf(item.getId()));
            viewHolder.mButton.setText(String.valueOf(item.getId()));
        }

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

    }

}

这段代码与那篇文章代码的主要的区别有如下几点：

第一：将View view = layoutInflater.inflate(android.R.layout.simple_list_item_1, viewGroup,false); 

改成了View view = layoutInflater.inflate(R.layout.list_item,viewGroup,false);就是原来用的是Android系统自带的布局文件android.R.layout.simple_list_item_1，现在我们自定义了列表项的布局文件list_item.xml，代码如下：

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

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/h5"
        android:padding="4dp"
        android:layout_marginLeft="16dp"/>

    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="4dp"
        android:text="textView"
        android:layout_toRightOf="@+id/imageView"
        android:layout_marginLeft="16dp"
        />

    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@+id/imageView"
        android:layout_below="@+id/textView"
        android:text="button"
        android:layout_marginLeft="16dp"
        />

</RelativeLayout>

第二：RecyclerView.ViewHolder实现了View.OnClickListener接口，并为按钮添加监听器，这里我们对按钮的响应就简单的弹出个Toast，具体看上面代码。