Picasso Images Reloading on Scroll in listview

Question

У меня возникли проблемы, когда я просматриваю свой список, изображения, похоже, продолжают перезагружать себя, и это сильно задерживает список. Что я могу сделать, чтобы этого не произошло, я сделал это в своем списке раньше, и он этого не делает.

public class PostsAdapter extends BaseAdapter{ 
    public List<PostList> postList; 
    protected Context context; 

    public void add(PostList object,int position) { 
      postList.add(position,object); 
     } 

     public PostsAdapter(Context context) { 
      this.context = context; 
      postList = new ArrayList<PostList>(); 
     } 

    @Override 
    public int getCount() { 
     // TODO Auto-generated method stub 
     return postList.size(); 
    } 

    @Override 
    public Object getItem(int position) { 
     // TODO Auto-generated method stub 
     return postList.get(position); 
    } 

    @Override 
    public long getItemId(int position) { 
     // TODO Auto-generated method stub 
     return position; 
    } 
    @Override 
    public View getView(int position, View convertView, ViewGroup parent) { 
     // TODO Auto-generated method stub 
     ViewHolder holder; 
     if(convertView == null){ 
      convertView = LayoutInflater.from(context).inflate(R.layout.posts_list, null); 
      holder = new ViewHolder(); 
      holder.image = (ImageView)convertView.findViewById(R.id.postImage); 
      holder.username = (TextView)convertView.findViewById(R.id.postUsername); 
      convertView.setTag(holder); 
     }else{ 
      holder = (ViewHolder)convertView.getTag(); 
     } 
     holder.username.setText(postList.get(position).user); 
     Picasso.with(context).load(postList.get(position).postPicture).into(holder.image); 

     return convertView; 
    } 
static class ViewHolder{ 
     ImageView image; 
     TextView username; 
    } 

Answer 1

public class PostsAdapter extends BaseAdapter 
    { 
     public List<PostList> postList; 
     protected Context context; 

    public PostsAdapter(Context context,ArrayList<PostList> List) 
    { 
     this.context = context; 
     postList = List; 
    } 

    @Override 
    public int getCount() 
    { 
    // TODO Auto-generated method stub 
    return postList.size(); 
    } 

@Override 
public Object getItem(int position) { 
    // TODO Auto-generated method stub 
    return postList.get(position); 
} 

@Override 
public long getItemId(int position) { 
    // TODO Auto-generated method stub 
    return position; 
} 
@Override 
public View getView(int position, View convertView, ViewGroup parent) { 
    // TODO Auto-generated method stub 
    ViewHolder holder; 
    if(convertView == null){ 
     convertView = LayoutInflater.from(context).inflate(R.layout.posts_list, null); 
     holder = new ViewHolder(); 
     holder.image = (ImageView)convertView.findViewById(R.id.postImage); 
     holder.username = (TextView)convertView.findViewById(R.id.postUsername); 
     convertView.setTag(holder); 
    }else{ 
     holder = (ViewHolder)convertView.getTag(); 
    } 
    holder.username.setText(postList.get(position).user); 
    Picasso.with(context).load(postList.get(position).postPicture).into(holder.image); 

    return convertView; 
} 
    static class ViewHolder 
{ 
    ImageView image; 
    TextView username; 
} 

Answer 2

Когда пользователь запускает Fling MotionEvent, приложение загрузки изображений, он должен остановиться, концентрат прокрутки, а затем вернуться к загрузке изображений снова, как только прекращается движение. Эффект от этого почти волшебный.

Кроме того, Google предоставил код, чтобы показать, как это делается. Вы можете найти его здесь - https://github.com/google/iosched

Вот быстрый фрагмент того, как вы добавляете прослушиватель прокрутки для остановки и запуска очереди.

listView.setOnScrollListener(new OnScrollListener() { 
    @Override 
    public void onScrollStateChanged(AbsListView listView, int scrollState) { 
     // Pause disk cache access to ensure smoother scrolling 
     if (scrollState == AbsListView.OnScrollListener.SCROLL_STATE_FLING) { 
      imageLoader.stopProcessingQueue(); 
     } else { 
      imageLoader.startProcessingQueue(); 
     } 
    } 

    @Override 
    public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) { 
      // TODO Auto-generated method stub 
    } 
}); 

Answer 3

У меня была аналогичная проблема, и в сочетании советы от Detecting the scrolling direction in the adapter (up/down) и Fetch images with Callback in Picasso?. То есть я обнаружил, что пользователь прокручивал вверх или вниз, сравнивая последнюю позицию, к которой обратился адаптер, к текущей позиции и загружал следующие образы, с которыми они столкнулись, в пустую цель, чтобы согреть кеш.

Answer 4

Используйте размер с Picasso

    Picasso.with(context) 
       .load(imageURL) 
       .tag(context) 
       .placeholder(R.drawable.kanye8080s) 
       .error(R.drawable.stadiumarcadium) 
       .into(imageView) 
       .resize(x,y); 

// Это, безусловно, поможет