完美解决glide+StaggeredGridLayoutManager 图片加载大小不正常的问题

先说下我的目标,公司要求每张图片宽度是充满item的,高度是根据图片高度缩放的,所以要求用瀑布流实现,

但是我当我用SwipeToLoadLayout 做下拉刷新的时候,发现每次加载图片,大小都有可能不一样,但是首次加载的时候.

图片显示是正常的,我猜测,这个跟glide的图片缓存有关系,

但是当我设置 glie的skipMemoryCache(true),不让他缓存

还有DiskCacheStrategy.RESULT dontransform 各种属性全试了一遍,发现还是没达到效果.那么可以排除glide的

锅,应该是recyclerview的图片缓存除了问题,如果有兴趣的同学可以去研究下recyclerview的缓存机制

下面我说下我研究一天的解决方案:

思路就是在第一次用glide 拿到图片之后,就取bitmap的宽高,然后按照宽高比获取图片高度,因为图片宽度是定死的

我这个2列的瀑布流, 宽度就取屏幕一半. 然后这个宽高同时去改变 imageview的宽高和bitmap的宽高.这样就能保证图片不变形,而且,每次下拉刷新的时候都不会改变其大小.

下面是我的关键代码,如果有疑问可以加我qq:385813241,虽然挺简单,但是我相信有人需要

先说下图片设置的属性

<ImageView
    android:id="@+id/work_image"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:scaleType="fitCenter"
    android:src="@drawable/ic_launcher" />

fitCenter 表示充满view的宽度,高度按照原图比例显示

在Recyclerview的adapter里面

 public void onBindViewHolder(final MyHolder holder, final int position) {


        //为了方便阅读,我在这边定义个变量
        ImageView imageView;//你要加载图片的容器
        Glide.with(act)
                .load("图片url")
                .asBitmap()
                .into(new SimpleTarget<Bitmap>(Target.SIZE_ORIGINAL, Target.SIZE_ORIGINAL) {


                    @Override
                    public void onResourceReady(Bitmap bitmap, GlideAnimation glideAnimation) {


                        //这个bitmap就是你图片url加载得到的结果
                        //获取bitmap信息，可赋值给外部变量操作，也可在此时行操作。
                        LinearLayout.LayoutParams layoutParams = (LinearLayout.LayoutParams) imageView.getLayoutParams();//获取你要填充图片的布局的layoutParam
                        layoutParams.height = (int) (((float) bitmap.getHeight()) / bitmap.getWidth() * ScreenUtils.getScreenWidth(act) / 2 );
                        //因为是2列,所以宽度是屏幕的一半,高度是根据bitmap的高/宽*屏幕宽的一半
                        layoutParams.width =  ScreenUtils.getScreenWidth(act) / 2;//这个是布局的宽度
                        imageView.setLayoutParams(layoutParams);//容器的宽高设置好了
                        bitmap = zoomImg(bitmap, layoutParams.width, layoutParams.height);
                       // 然后在改变一下bitmap的宽高
                        holder.workImage.setImageBitmap(bitmap);
                    }


                });


    }
}

//改变bitmap尺寸的方法

public static Bitmap zoomImg(Bitmap bm, int newWidth, int newHeight) {
    // 获得图片的宽高
    int width = bm.getWidth();
    int height = bm.getHeight();
    // 计算缩放比例
    float scaleWidth = ((float) newWidth) / width;
    float scaleHeight = ((float) newHeight) / height;
    // 取得想要缩放的matrix参数
    Matrix matrix = new Matrix();
    matrix.postScale(scaleWidth, scaleHeight);
    // 得到新的图片
    Bitmap newbm = Bitmap.createBitmap(bm, 0, 0, width, height, matrix, true);
    return newbm;
}

//获取屏幕宽度的方法

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;
}

完美解决glide+StaggeredGridLayoutManager 图片加载大小不正常的问题

猜你喜欢