<p dir="auto">I use compile 'com.github.bumptech.glide:glide:3.7.0' in build.gradle.</p>
<p dir="auto">I'm scrolling many time,the image is deformed.</p>
<p dir="auto">What can I do?</p>
<div class="highlight highlight-source-java notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="@Override
    public void onBindViewHolder(RecyclerViewHolders holder, int position) {

            holder.Name.setText(itemList.get(position).getName());
            holder.PostTime.setText(itemList.get(position).getPostTime());
            holder.PostContent.setText(itemList.get(position).getPostContent());
            Uri uri = Uri.parse(itemList.get(position).getPhoto());
            Glide.with(context).load(uri).crossFade().error(R.mipmap.imge_error).into(holder.PostImg);
            holder.PostImg.setTag(R.id.post_img, position);
            holder.PostImg.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                int position = (int) v.getTag(R.id.post_img);
                Toast.makeText(context,itemList.get(position).getName(),Toast.LENGTH_SHORT).show();
            }
        });
    }"><pre class="notranslate"><span class="pl-c1">@</span><span class="pl-c1">Override</span>
    <span class="pl-k">public</span> <span class="pl-smi">void</span> <span class="pl-s1">onBindViewHolder</span>(<span class="pl-smi">RecyclerViewHolders</span> <span class="pl-s1">holder</span>, <span class="pl-smi">int</span> <span class="pl-s1">position</span>) {

            <span class="pl-s1">holder</span>.<span class="pl-s1">Name</span>.<span class="pl-en">setText</span>(<span class="pl-s1">itemList</span>.<span class="pl-en">get</span>(<span class="pl-s1">position</span>).<span class="pl-en">getName</span>());
            <span class="pl-s1">holder</span>.<span class="pl-s1">PostTime</span>.<span class="pl-en">setText</span>(<span class="pl-s1">itemList</span>.<span class="pl-en">get</span>(<span class="pl-s1">position</span>).<span class="pl-en">getPostTime</span>());
            <span class="pl-s1">holder</span>.<span class="pl-s1">PostContent</span>.<span class="pl-en">setText</span>(<span class="pl-s1">itemList</span>.<span class="pl-en">get</span>(<span class="pl-s1">position</span>).<span class="pl-en">getPostContent</span>());
            <span class="pl-smi">Uri</span> <span class="pl-s1">uri</span> = <span class="pl-smi">Uri</span>.<span class="pl-en">parse</span>(<span class="pl-s1">itemList</span>.<span class="pl-en">get</span>(<span class="pl-s1">position</span>).<span class="pl-en">getPhoto</span>());
            <span class="pl-smi">Glide</span>.<span class="pl-en">with</span>(<span class="pl-s1">context</span>).<span class="pl-en">load</span>(<span class="pl-s1">uri</span>).<span class="pl-en">crossFade</span>().<span class="pl-en">error</span>(<span class="pl-smi">R</span>.<span class="pl-s1">mipmap</span>.<span class="pl-s1">imge_error</span>).<span class="pl-en">into</span>(<span class="pl-s1">holder</span>.<span class="pl-s1">PostImg</span>);
            <span class="pl-s1">holder</span>.<span class="pl-s1">PostImg</span>.<span class="pl-en">setTag</span>(<span class="pl-smi">R</span>.<span class="pl-s1">id</span>.<span class="pl-s1">post_img</span>, <span class="pl-s1">position</span>);
            <span class="pl-s1">holder</span>.<span class="pl-s1">PostImg</span>.<span class="pl-en">setOnClickListener</span>(<span class="pl-k">new</span> <span class="pl-smi">View</span>.<span class="pl-smi">OnClickListener</span>() {
            <span class="pl-c1">@</span><span class="pl-c1">Override</span>
            <span class="pl-k">public</span> <span class="pl-smi">void</span> <span class="pl-en">onClick</span>(<span class="pl-smi">View</span> <span class="pl-s1">v</span>) {
                <span class="pl-smi">int</span> <span class="pl-s1">position</span> = (<span class="pl-smi">int</span>) <span class="pl-s1">v</span>.<span class="pl-en">getTag</span>(<span class="pl-smi">R</span>.<span class="pl-s1">id</span>.<span class="pl-s1">post_img</span>);
                <span class="pl-smi">Toast</span>.<span class="pl-en">makeText</span>(<span class="pl-s1">context</span>,<span class="pl-s1">itemList</span>.<span class="pl-en">get</span>(<span class="pl-s1">position</span>).<span class="pl-en">getName</span>(),<span class="pl-smi">Toast</span>.<span class="pl-c1">LENGTH_SHORT</span>).<span class="pl-en">show</span>();
            }
        });
    }</pre></div>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/9345164/13800683/6a4b1038-eb66-11e5-8084-70bf095512be.png"><img src="https://cloud.githubusercontent.com/assets/9345164/13800683/6a4b1038-eb66-11e5-8084-70bf095512be.png" alt="image" style="max-width: 100%;"></a></p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/9345164/13800691/85d715ae-eb66-11e5-90ee-717721d6f4f4.png"><img src="https://cloud.githubusercontent.com/assets/9345164/13800691/85d715ae-eb66-11e5-90ee-717721d6f4f4.png" alt="image" style="max-width: 100%;"></a></p>
<p dir="auto">Im trying to create a run of the mill regular staggeredgrid of images using a recyclerview. Im using Glide to load the images from urls. For some reason, im getting some strange behavior when scrolling, views move on their own, weird layouts and spaces between views etc. Its hard to explain so heres a screenrecording: <a href="http://gfycat.com/BaggyOffensiveAnglerfish" rel="nofollow">http://gfycat.com/BaggyOffensiveAnglerfish</a></p>
<p dir="auto">Code im using is pretty basic:</p>
<p dir="auto">The grid item:</p>
<div class="highlight highlight-text-xml notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="&lt;ImageView
            xmlns:android=&quot;http://schemas.android.com/apk/res/android&quot;
            android:id=&quot;@+id/gridImageView&quot;
            android:layout_width=&quot;wrap_content&quot;
            android:layout_height=&quot;wrap_content&quot;
            android:maxHeight=&quot;150dp&quot;
           /&gt;"><pre class="notranslate">&lt;<span class="pl-ent">ImageView</span>
            <span class="pl-e">xmlns</span><span class="pl-e">:</span><span class="pl-e">android</span>=<span class="pl-s"><span class="pl-pds">"</span>http://schemas.android.com/apk/res/android<span class="pl-pds">"</span></span>
            <span class="pl-e">android</span><span class="pl-e">:</span><span class="pl-e">id</span>=<span class="pl-s"><span class="pl-pds">"</span>@+id/gridImageView<span class="pl-pds">"</span></span>
            <span class="pl-e">android</span><span class="pl-e">:</span><span class="pl-e">layout_width</span>=<span class="pl-s"><span class="pl-pds">"</span>wrap_content<span class="pl-pds">"</span></span>
            <span class="pl-e">android</span><span class="pl-e">:</span><span class="pl-e">layout_height</span>=<span class="pl-s"><span class="pl-pds">"</span>wrap_content<span class="pl-pds">"</span></span>
            <span class="pl-e">android</span><span class="pl-e">:</span><span class="pl-e">maxHeight</span>=<span class="pl-s"><span class="pl-pds">"</span>150dp<span class="pl-pds">"</span></span>
           /&gt;</pre></div>
<p dir="auto">Glide code:</p>
<div class="highlight highlight-source-java notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="Glide.with(mContext).load(entry.getImageUrl()).into(holder.gridImageView);"><pre class="notranslate"><span class="pl-smi">Glide</span>.<span class="pl-en">with</span>(<span class="pl-s1">mContext</span>).<span class="pl-en">load</span>(<span class="pl-s1">entry</span>.<span class="pl-en">getImageUrl</span>()).<span class="pl-en">into</span>(<span class="pl-s1">holder</span>.<span class="pl-s1">gridImageView</span>);</pre></div>
<p dir="auto">Layout manager is just a basic StaggeredGridLayoutManager:</p>
<div class="highlight highlight-source-java notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="mLayoutManager = new StaggeredGridLayoutManager(2, StaggeredGridLayoutManager.VERTICAL);"><pre class="notranslate"><span class="pl-s1">mLayoutManager</span> = <span class="pl-k">new</span> <span class="pl-smi">StaggeredGridLayoutManager</span>(<span class="pl-c1">2</span>, <span class="pl-smi">StaggeredGridLayoutManager</span>.<span class="pl-c1">VERTICAL</span>);</pre></div>
<p dir="auto">Im sure that somebody has came across a similar issue to this given how popular Glide is. Whats going on here? Any ideas?</p>
<p dir="auto">Im trying to make a regular staggeredgrid, eg: <a href="http://prntscr.com/9mo4bm" rel="nofollow">http://prntscr.com/9mo4bm</a> where items all have the same width, but differing heights depending on original imagesize/aspect ratio.</p>