一个简单的 Recycleview + GridLayoutManager 显示图片的例子

最新推荐文章于 2023-07-12 15:45:40 发布

Zonson9999

最新推荐文章于 2023-07-12 15:45:40 发布

阅读量797

点赞数

分类专栏： Android APP 开发

本文链接：https://blog.csdn.net/wuzhong8809/article/details/109205934

版权

Android APP 开发专栏收录该内容

43 篇文章

订阅专栏

本文通过一个实例展示了如何使用Recycleview结合GridLayoutManager来显示图片，详细介绍了XML布局、Adapter代码以及Activity代码的实现过程。在实现过程中，遇到了图片之间间距过大的问题，通过将item的layout_width设为match_parent成功解决了问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

显示效果

Recycleview XML 布局文件

（该文件内容有省略）


        <android.support.v7.widget.RecyclerView
            android:id="@+id/recycleview"
            android:paddingLeft="18dp"
            android:paddingRight="18dp"
            android:layout_width="match_parent"
            android:layout_height="match_parent"/>

ITEM 项XML 布局文件

<?xml version="1.0" encoding="utf-8"?>
<ImageView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/iv"
    android:layout_height="wrap_content"
    android:padding="8dp"
    android:layout_width="match_parent" />

Aapter 代码

构造函数中传入要显示的图片的URL。由 Gide 图片库负责图片的显示。


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

    private List<String> mDataset;

    private Context mContext;

    public static class ViewHolder extends RecyclerView.ViewHolder {

        ImageView iv;

        public ViewHolder(View v) {
            super(v);
            iv = (ImageView) v.findViewById(R.id.iv);
        }
    }

    public MyAdapter(List<String> myDataset) {
        mDataset = myDataset;
    }

    @Override
    public MyAdapter.ViewHolder onCreateViewHolder(ViewGroup parent,
                                                   int viewType) {
        View v;
        mContext = parent.getContext();
        v = LayoutInflater.from(parent.getContext())
                    .inflate(R.layout.image_item, parent, false);
        return new ViewHolder(v);
    }

    @Override
    public void onBindViewHolder(ViewHolder holder, final int position) {
        ImageView iv = holder.iv;
        Glide.with(mContext).load(mDataset.get(position)).into(iv);
    }

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

Ativity 代码

public class EditorActivity extends Activity {

    private static String TAG = "EditorActivity";

    private RecyclerView recyclerView;
    private GridLayoutManager gridLayoutManager;

    @Override
    public void onCreate(Bundle bundle) {

        requestWindowFeature(Window.FEATURE_NO_TITLE);

        super.onCreate(bundle);
        this.setContentView(R.layout.post_commit_main);

        
        recyclerView = findViewById(R.id.recycleview);

        gridLayoutManager = new GridLayoutManager(this.getApplicationContext(), 3);
        recyclerView.setLayoutManager(gridLayoutManager);

        // 需要传入图片URL
        MyAdapter adapter = new MyAdapter(new ArrayList<String>());

        recyclerView.setAdapter(adapter);
    }
}