RecyclerView 瀑布流 StaggeredGridLayoutManager 图片自适应高度

最新推荐文章于 2025-06-14 10:25:59 发布

置顶 Write_BUG小能手

最新推荐文章于 2025-06-14 10:25:59 发布

阅读量1.4k

点赞数 1

CC 4.0 BY-SA版权

文章标签： android

本文链接：https://blog.csdn.net/qq_34912760/article/details/116097643

该博客介绍了如何利用Glide库在Android中实现图片的自适应高度加载。首先，集成Glide库，然后在适配器内部获取图片的原始宽高，并将宽高信息拼接到图片URL中。在`onBindViewHolder`方法中，根据屏幕宽度计算每个item的宽度，并动态设置ImageView的布局参数。最后，使用Glide加载图片时，根据计算出的宽高进行重写，确保图片按比例缩放。此外，还提供了一个工具类用于获取屏幕宽度，并防止StaggeredGridLayoutManager的第一行出现空白。

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

效果图

不废话直接上代码

1.首先要集成 glide

implementation 'com.github.bumptech.glide:glide:4.12.0'

2.在主页（没有什么特殊操作，就是实例化适配器）

StaggeredGridLayoutManager staggeredGridLayoutManager = new StaggeredGridLayoutManager(2, StaggeredGridLayoutManager.VERTICAL);
rc_listview.setLayoutManager(staggeredGridLayoutManager);

adapter_home_recoment = new Adapter_Home_Recoment(BaseApplication.getContext(), datalist);
rc_listview.setAdapter(adapter_home_recoment);

3. 在适配器内

首先本地拿到图片的宽高
//获图片宽高，
BitmapFactory.Options options = new BitmapFactory.Options();
options.inJustDecodeBounds = true;
Bitmap bitmap = BitmapFactory.decodeFile(compress_path, options);
 options.outHeight;//高
options.outWidth;//宽

把图片的宽高拼接到图片的名称内， 上传到服务器， 以上步骤需要在上传图片时完成！！！！！（因为适配器里要用到图片的原始宽高）

（拼接思路，如果服务器对图片链接做了处理， 返回了重新编译后的路径， 
则在 总的提交步骤时， 对服务器返回的 图片路径经行拼接， 
 如：http://11111.jpg?高+"&"+宽，http://11111.jpg  是服务器返回的上传后的路径）




然后，在适配器的 onBindViewHolder内做如下操作
ViewGroup.LayoutParams layoutParams = holder.ig_goodpic.getLayoutParams();
float itemWidth = (Utils.getScreenWidth(context) -  3) / 2;//每个item 的宽， 我这里是-3，是适配间距问题
layoutParams.width = (int) itemWidth;
float scale = (itemWidth + 0f) / 宽;//从链接中截取的
layoutParams.height = (int) ((Integer.parseInt(高)) * scale);//从链接中截取的
holder.ig_goodpic.setLayoutParams(layoutParams);




//图片加载高度自适应
Glide.with(context).
        load(datalist.get(position).getCover()).
        placeholder(R.drawable.img_big_loading).
        override(layoutParams.width, layoutParams.height).//重写图片的宽高，计算后的
        into(holder.ig_goodpic);

工具类：
public static int getScreenWidth(Context context) {
    WindowManager wm = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
    DisplayMetrics outMetrics = new DisplayMetrics();
    wm.getDefaultDisplay().getMetrics(outMetrics);
    return outMetrics.widthPixels;
}




//防止第一行空白
layoutManager.setGapStrategy(StaggeredGridLayoutManager.GAP_HANDLING_NONE);mRecyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() {
    @Override
    public void  onScrollStateChanged(RecyclerView recyclerView, int newState) {
        //防止第一行到顶部有空白区域
        layoutManager.invalidateSpanAssignments();
    }
});