zoukankan      html  css  js  c++  java
  • 解决RecyclerView瀑布流效果结合Glide使用时图片变形的问题

    问题描述:使用Glide加载RecyclerView的Item中的图片,RecyclerView使用了瀑布流展示图片,但是滚动时图片会不断的加载,并且大小位置都会改变,造成显示错乱。

    解决方法:使用瀑布流,我们可以根据要展示的列数来将屏幕宽度等分,从而获得Item的宽度。知道了宽度,那么我们就可以使用Glide的override()方法根据图片的比例自适应地放大或缩小得到合适的高度。这样显示时就不会由错乱的问题了。

    步骤1:设置Item的最外层布局的layout_height为wrap_content(当然也可以设置一个固定大小),如果Item里面的图片也设置高度为wrap_content;

    步骤2:先得到屏幕的宽高,然后根据要显示的列数进行均分。比如我现在想要展示列数为2的瀑布流,我们就可以把屏幕宽度除以2,得到图片的宽度。

    //屏幕的宽度(px值)
    int screenWidth = getContext().getResources().getDisplayMetrics().widthPixels;
    //Item的宽度,或图片的宽度
    int width = screenWidth/2;

    步骤3:用Glide加载图片

    //这里的SIZE_ORIGINAL为Gilde里自带的参数,不是我定义的常量
    Glide.with(getContext()).load(item.getUrl()).override(width,SIZE_ORIGINAL)          
    .fitCenter().into(imageview);

    然后再尝试一下上下滚动RecyclerView,你会发现之前图片变形错位的问题都解决了。

  • 相关阅读:
    向日葵、阳光
    laravel还是给我太多惊喜了
    滴滴笔试题——小试牛刀
    剑指offer——二叉搜索树的后序遍历序列
    2019春招美团笔试
    首次实习生招聘会——航天一院
    有趣的数字
    剑指offer——从上往下打印二叉树
    剑指offer——栈的压入、弹出序列
    剑指offer——包含min函数的栈
  • 原文地址:https://www.cnblogs.com/weimore/p/7769072.html
Copyright © 2011-2022 走看看