Viewpager glide 加载图片引发的bug

项目里面用了Viewpager +fragment 加载图片,但是在一些设备上viewpager 滑动非常卡!找了很久的原因都不知道为什么卡!用了blockcanary,wetest 等辅助查看卡顿点, cpu 内存 状态,没看出有什么异常的,后来在做图片优化的时候发现了原因。在fragment加载图片的时候

   RequestOptions options = new RequestOptions().format(DecodeFormat.PREFER_RGB_565).
override(SizeUtils.getMeasuredWidth(rootView), SizeUtils.getMeasuredHeight(rootView));
        Glide.with(this).load(R.drawable.news_bg).apply(options).into(new SimpleTarget<Drawable>() {
            @Override
            public void onResourceReady(@NonNull Drawable resource, 
@Nullable Transition<? super Drawable> transition) {
                mRlBannerRoot.setBackground(resource);
            }
        });

断点发现第一次的时候 resourse

第二个fragment

滑倒第二fragment的时候

后面一个

界面几乎一模一样的,测量出来的宽高怎么就完全不同了!用的是同一个fragment。

测量结果不同,测量结果和glide overrideWidth,height 之后的resourse 的结果也不同!

  public static int[] measureView(final View view) {
        ViewGroup.LayoutParams lp = view.getLayoutParams();
        if (lp == null) {
            lp = new ViewGroup.LayoutParams(
                    ViewGroup.LayoutParams.MATCH_PARENT,
                    ViewGroup.LayoutParams.WRAP_CONTENT
            );
        }
        int widthSpec = ViewGroup.getChildMeasureSpec(0, 0, lp.width);
        int lpHeight = lp.height;
        int heightSpec;
        if (lpHeight > 0) {
            heightSpec = View.MeasureSpec.makeMeasureSpec(lpHeight, View.MeasureSpec.EXACTLY);
        } else {
            heightSpec = View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED);
        }
        view.measure(widthSpec, heightSpec);
        return new int[]{view.getMeasuredWidth(), view.getMeasuredHeight()};
    }

 断点发现测量是有问题的,因为传进来的view 如果高度是 matchParent lp.height = -1,这个时候是按照 UNSPECIFIED 就是想要多大就有多大,fragment 里面有个scrollView

所以最终的测量高度就是所有内容的总高度,第一个页面内容短所以高度小!那宽度呢?测量宽度每次都是一样的!

算一下 长宽比 = 1320/742 = 3277/1841 = 2350/1320 = 2072/1164 =1.78 应该glide 按照图片长宽比做了处理了。

这样所有MATCH_PARENT 加载的图片都可能要比我实际需要的大很多!

1.源头就是这个mesureView 方法的问题了,如果view 设置了确定的宽高 那没问题,如果是matchparent 就有问题了,而且view会测量多次,所以测量结果不一定准确!再次警告随便copy别人的代码是有风险的。2.glide 尽管设置了 override width height 但实际出现的效果是按照长宽比来缩放的。

解决办法:换其他的测量方法,或者直接写成dp

最终所有fragment效果一致,卡顿也没有了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值