Android 解決RecyclerView瀑布流效果結合Glide使用時圖片變形的問題

標籤：固定   oid   load   content   url   放大   etc   描述   高度   

問題描述：使用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，你會發現之前圖片變形錯位的問題都解決了。

Android 解決RecyclerView瀑布流效果結合Glide使用時圖片變形的問題