0

我正在使用Glide將URL加載到ImageView中。我的主要問題是,當我滾動它看起來像圖像的大小越來越混亂,這是導致一些失真。我的相關代碼如下。RecyclerView中的ImageView在滾動回(使用Glide)時有時會調整大小?

XML(只是涉及到ImageView的一部分):

<LinearLayout 
     android:id="@+id/image_holder_layout" 
     android:layout_width="85dp" 
     android:layout_height="85dp" 
     android:layout_centerVertical="true" 
     android:layout_marginLeft="8dp" 
     android:layout_marginStart="8dp" 
     android:gravity="center"> 

     <ImageView 
      android:id="@+id/flyer_item_image" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:adjustViewBounds="true" 
      android:background="@android:drawable/dialog_holo_light_frame" /> 
    </LinearLayout> 

RecyclerAdapter:

public class RecyclerAdapter extends RecyclerView.Adapter<RecyclerAdapter.ItemHolder> { 

    private ArrayList<Item> items; 
    Context context; 


    public RecyclerAdapter(Context context, ArrayList<Item> items) { 
     this.items = items; 
     this.context = context; 
    } 


    @Override 
    public ItemHolder onCreateViewHolder(ViewGroup viewGroup, int viewType) { 
     Context context = viewGroup.getContext(); 
     boolean shouldAttachToParentImmediately = false; 

     View view = LayoutInflater.from(context).inflate(R.layout.list_row_flyer, viewGroup, shouldAttachToParentImmediately); 
     ItemHolder viewHolder = new ItemHolder(view); 

     return viewHolder; 
    } 


    @Override 
    public void onBindViewHolder(ItemHolder holder, int position) { 
     holder.bind(position); 
    } 


    @Override 
    public int getItemCount() { 
     return items.size(); 
    } 


    class ItemHolder extends RecyclerView.ViewHolder implements View.OnClickListener { 

     ImageView itemImage; 


     public ItemHolder(View view) { 
      super(view); 

      this.itemImage = (ImageView) view.findViewById(R.id.flyer_item_image); 
     } 


     void bind(int listIndex) { 
      Glide.with(context) 
        .load(items.get(listIndex).getImageUrl()) 
        .placeholder(R.drawable.placeholder_flyer_item_image) 
        .diskCacheStrategy(DiskCacheStrategy.ALL) 
        .override(Target.SIZE_ORIGINAL, Target.SIZE_ORIGINAL) 
        .into(itemImage); 

     } 
    } 
} 
+0

嘗試刪除.placeholder(R.drawable.placeholder_flyer_item_image)和.override(Target.SIZE_ORIGINAL,Target.SIZE_ORIGINAL) 它可能工作。 – Eswar

回答

2

我有同樣的問題,圖像有時會被調整到佔位尺寸,其完全不同,圖像看起來像拉伸,所以如果您的圖像具有不同的比例,那麼佔位符只是刪除佔位符或將其更改爲適合像圖像一樣的大小,但佔位符效果最好,如果圖像具有相似的比例,佔位符的替代解決方案是設置黑色在父視圖元素中舍入以避免這個問題並且具有一些加載背景。

我也看到你有wrap_content尺寸屬性​​,我建議設置一些寬度和高度,然後滑動可以通過裁剪或合適的方式輕鬆地調整圖像。

相關問題