怎么在Android 应用中利用RecyclerView实现一个网格布局

RecyclerView是Android官方推荐使用的列表控件，具有灵活的布局样式和高效的内存管理等优势。其中，网格布局是RecyclerView的一种常见布局方式，可将列表数据按列进行排列呈现，使得界面更加直观美观。本文将介绍如何使用RecyclerView实现一个网格布局。

一、搭建环境

在搭建RecyclerView环境前，需要先引入RecyclerView库。在模块的build.gradle文件中添加以下依赖：

dependencies {
    implementation 'com.android.support:recyclerview-v7:28.0.0'
}

之后，就可以在xml中添加RecyclerView控件了。

<androidx.recyclerview.widget.RecyclerView
    android:id="@+id/recyclerView"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

在Activity中，需要初始化RecyclerView，并设置布局管理器和适配器。

RecyclerView recyclerView = findViewById(R.id.recyclerView);
GridLayoutManager layoutManager = new GridLayoutManager(this, 2); //设置列数为2
recyclerView.setLayoutManager(layoutManager);
MyAdapter adapter = new MyAdapter(data); //data是列表数据
recyclerView.setAdapter(adapter);

二、实现适配器

适配器是RecyclerView的核心，需要继承RecyclerView.Adapter并重写以下方法：

class MyAdapter extends RecyclerView.Adapter<MyViewHolder> {

    private List<String> data;

    public MyAdapter(List<String> data) {
        this.data = data;
    }

    @NonNull
    @Override
    public MyViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_layout, parent, false);
        return new MyViewHolder(view);
    }

    @Override
    public void onBindViewHolder(@NonNull MyViewHolder holder, int position) {
        holder.textView.setText(data.get(position));
    }

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

其中，onCreateViewHolder方法用于创建ViewHolder对象，需要设置Item的布局文件；onBindViewHolder方法用于绑定数据，将列表数据显示到ViewHolder中；getItemCount方法用于返回列表总长度。

三、实现ViewHolder

ViewHolder是绑定数据的关键，需要继承RecyclerView.ViewHolder，并创建布局文件中的控件对象。

class MyViewHolder extends RecyclerView.ViewHolder {

    TextView textView;

    public MyViewHolder(@NonNull View itemView) {
        super(itemView);
        textView = itemView.findViewById(R.id.textView);
    }
}

四、设置Item间距

如果不设置Item间距，列表的每一个Item会紧贴在一起，不好看。可以通过设置ItemDecoration来设置Item间距。

先定义一个ItemDecoration类，继承RecyclerView.ItemDecoration，并重写以下方法：

public class MyItemDecoration extends RecyclerView.ItemDecoration {

    private int space;

    public MyItemDecoration(int space) {
        this.space = space;
    }

    @Override
    public void getItemOffsets(@NonNull Rect outRect, @NonNull View view, @NonNull RecyclerView parent, @NonNull RecyclerView.State state) {
        outRect.top = space / 2;
        outRect.bottom = space / 2;
        int position = parent.getChildAdapterPosition(view);
        int spanCount = ((GridLayoutManager) parent.getLayoutManager()).getSpanCount();
        int column = position % spanCount; // item column
        outRect.left = space - column * space / spanCount; // spacing - column * ((1f / spanCount) * spacing)
        outRect.right = (column + 1) * space / spanCount; // (column + 1) * ((1f / spanCount) * spacing)
    }
}

其中，space参数就是Item的间距大小，getItemOffsets方法用于设置不同位置的Item间距大小。

最后，在Activity中添加以下代码即可设置Item间距。

int space = getResources().getDimensionPixelSize(R.dimen.space);
recyclerView.addItemDecoration(new MyItemDecoration(space));

五、运行效果展示

运行效果如下图所示。可以看到，通过RecyclerView的GridLayoutManager和ItemDecoration，可以很方便地实现一个网格布局。