Android Studio 使用RecyclerView加载不同样式布局

首先在app中引入

compile 'com.android.support:recyclerview-v7:24.2.0'

使用activity_recycler_view.xml

<?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:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".RecyclerViewActivity">

    <android.support.v7.widget.RecyclerView
        android:id="@+id/recyclerview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@color/white"/>
</RelativeLayout>

用来定义实体数据和布局分类Category：

public class Category {
    /**
     * 样式的声明
     */
    public static final int SECOND_TYPE = 0;
    public static final int THIRD_TYPE = 1;
    /**
     * 代表名称
     */
    private String categoryName;
    /**
     * 区别布局类型
     */
    private int type;

    public Category(String name, int type) {
        this.categoryName = name;
        this.type = type;
    }

    public String getCategoryName() {
        return categoryName;
    }

    public int getType() {
        return type;
    }

}

加载所用适配器，里面使用双重的布局和ViewHolder

public class CategoryAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {

    private Context context;
    private List<Category> lists = new ArrayList<>();
    private LayoutInflater layoutInflater;

    public CategoryAdapter(Context context, List<Category> lists) {
        this.context = context;
        this.lists = lists;
        this.layoutInflater = LayoutInflater.from(context);
    }


    @Override
    public int getItemViewType(int position) {
        return lists.get(position).getType();
    }

    /**
     * 根据不同类型绑定不同布局
     * @param parent
     * @param viewType
     * @return
     */
    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        if (viewType == Category.SECOND_TYPE) {
            return new SecondViewHolder(layoutInflater.inflate(R.layout.item_list_category_one, null, false));
        } else {
            return new ThirdViewHolder(layoutInflater.inflate(R.layout.item_list_category_two, null, false));
        }
    }

    /**
     * 根据不同类型布局，绑定不同数据
     * @param holder
     * @param position
     */
    @Override
    public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
        switch (getItemViewType(position)) {
            case Category.SECOND_TYPE:
                SecondViewHolder secondViewHolder = (SecondViewHolder) holder;
                secondViewHolder.tvOneCategory.setText(lists.get(position).getCategoryName());
                break;
            case Category.THIRD_TYPE:
                ThirdViewHolder thirdViewHolder = (ThirdViewHolder) holder;
                thirdViewHolder.tvTwoCategory.setText(lists.get(position).getCategoryName());
                break;

        }
    }

    @Override
    public int getItemCount() {
        if (lists != null) {
            return lists.size();
        } else {
            return 0;
        }
    }

    /**
     * 第一种ViewHolder
     */
    public class SecondViewHolder extends RecyclerView.ViewHolder {

        private TextView tvOneCategory;

        public SecondViewHolder(View itemView) {
            super(itemView);
            tvOneCategory = (TextView) itemView.findViewById(R.id.tv_one_cat_name);
        }
    }

    /**
     * 第二种ViewHolder
     */
    public class ThirdViewHolder extends RecyclerView.ViewHolder {

        private TextView tvTwoCategory;

        public ThirdViewHolder(View itemView) {
            super(itemView);
            tvTwoCategory = (TextView) itemView.findViewById(R.id.tv_two_cat_name);
        }
    }

}

adapter中方法解释：

(1)、用于决定元素的布局使用哪种类型，传入的是数据源List的下标position，返回的是一个int型标志，传递给onCreateViewHolder的第二个参数。

 public int getItemViewType(int position) {
        return lists.get(position).getType();
    }

(2)、根据getItemViewType传入的viewType来渲染构造具体的ViewHolder，返回的是不同类型的ViewHolder

public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {}

(3)、根据传入的数据源List的下标position，得到不同的viewType，给不同的ViewHolder绑定数据

public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {}

(4)、返回lists的size

 public int getItemCount() {}

两种布局样式item_list_category_one.xml：

<?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:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:background="@color/colorAccent"
    tools:context=".RecyclerViewActivity">

    <TextView
        android:id="@+id/tv_one_cat_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="15sp"
        android:textColor="@color/white"
        android:gravity="center"/>

    <ImageView
        android:layout_width="20dp"
        android:layout_height="20dp"
        android:layout_alignParentRight="true"
        android:src="@mipmap/ic_launcher"
        />
</RelativeLayout>

和item_list_category_two.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/ivImage"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:src="@mipmap/ic_launcher" />

    <TextView
        android:id="@+id/tv_two_cat_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/ivImage"
        android:layout_centerHorizontal="true"
        android:gravity="center" />
</RelativeLayout>

在RecyclerViewActivity中使用RecyclerView:

public class RecyclerViewActivity extends AppCompatActivity {


    private RecyclerView recyclerview;
    private CategoryAdapter adapter;
    List<Category> lists = new ArrayList<>();


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_recycler_view);
        initviews();
        initdatas();
    }


    private void initviews() {
        recyclerview = (RecyclerView) findViewById(R.id.recyclerview);
        adapter = new CategoryAdapter(this, lists);
        //一行的数量上下保持一致
        GridLayoutManager mLayoutManager = new GridLayoutManager(this, 4);
        /**
         * 为解决：二级分类占一列，三级分类占三列，所以需要根据type来动态设置不同的列数。
         * 调用的是mLayoutManager.setSpanSizeLookup方法，
         * 重写里面的getSpanSize()方法来根据type返回不同的值,
         * 最后载显示不同的列数
         */
        mLayoutManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {
            @Override
            public int getSpanSize(int position) {
                switch (adapter.getItemViewType(position)) {
                    case Category.SECOND_TYPE:
                        return 4;
                    case Category.THIRD_TYPE:
                        return 1;
                    default:
                        return 1;
                }
            }
        });
        recyclerview.setLayoutManager(mLayoutManager);
        recyclerview.setAdapter(adapter);

    }

    /**
     * 初始化数据，内容和数据类型
     */
    private void initdatas() {
        lists.add(new Category("饼干", 0));
        lists.add(new Category("奶油饼干", 1));
        lists.add(new Category("威化", 1));
        lists.add(new Category("曲奇", 1));
        lists.add(new Category("威化", 1));
        lists.add(new Category("曲奇", 1));
        lists.add(new Category("传统糕点", 0));
        lists.add(new Category("凤梨酥", 1));
        lists.add(new Category("杏仁饼", 1));
        lists.add(new Category("烧饼", 1));
        lists.add(new Category("花生酥", 1));
        lists.add(new Category("西式糕点", 0));
        lists.add(new Category("巧克力派", 1));
        lists.add(new Category("酥心卷", 1));
        lists.add(new Category("面包", 1));
        lists.add(new Category("泡芙", 1));
        lists.add(new Category("蛋挞", 1));
        lists.add(new Category("巧克力派", 1));
        lists.add(new Category("酥心卷", 1));
        lists.add(new Category("面包", 1));
        lists.add(new Category("泡芙", 1));
        lists.add(new Category("蛋挞", 1));

    }
}