Запоздалое перестраивание изображений в ListView через ImageLoader, Как исправить?

Question

[dllweb]

Имеется список основанный на ImageLoader его конфиг в кастомном адаптере имеет вид

ImageLoaderConfiguration config = new ImageLoaderConfiguration.Builder(getContext())
             .memoryCacheExtraOptions(480, 800) // width, height
             .threadPoolSize(5)
             .threadPriority(Thread.MIN_PRIORITY + 2)
             .denyCacheImageMultipleSizesInMemory()
             .memoryCache(new UsingFreqLimitedMemoryCache(2 * 1024 * 1024)) // 2 Mb 
             .defaultDisplayImageOptions(DisplayImageOptions.createSimple())
             .build();
             
             imageLoader.init(config);
             
             
             imageLoader.displayImage(models.getImg(), holder.imageView);

А вот так заполняется адаптер в основном Activity

@Override
    protected void onCreate(Bundle savedInstanceState) {
		
		
		StrictMode.enableDefaults();
		
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        TextView tv = (TextView) findViewById(R.id.answer);
        ListView lv = (ListView) findViewById(R.id.list);
        
        data = request.doInBackground();
        
        try {
			
        	JSONArray json = new JSONArray(data);
	
			for(int i=0; i < json.length(); i++){
				
				
				 modelrow = new Models(	 
						 json.getJSONObject(i).getString("id").toString(),
						 json.getJSONObject(i).getString("model").toString(), 
						 "http://example.com"+json.getJSONObject(i).getString("preview").toString()
						 			  );
				
				 fetch.add(modelrow);
	
			}
			
			adapter = new ModelAdapter(MainActivity.this, R.id.list, fetch);
			lv.setAdapter(adapter);
			
			
		} catch (JSONException e) {

			e.printStackTrace();
		}

Друзья, поясню ещё раз, проблема в том что, при открытии этого приложения, загружается список вида



При прокрутке этого списка, изображения начинают не соответствовать моделям, только спустя 1-2 секунды подгружаются нужные. Как такое можно исправить, вот пожалуйста лог рабочего состояния из LogCat

08-01 00:20:54.287: D/dalvikvm(1291): GC_FOR_ALLOC freed 316K, 15% free 4004K/4708K, paused 22ms, total 24ms
08-01 00:20:54.687: W/ImageLoader(1291): Try to initialize ImageLoader which had already been initialized before. To re-init ImageLoader with new configuration call ImageLoader.destroy() at first.
08-01 00:20:54.697: W/ImageLoader(1291): Try to initialize ImageLoader which had already been initialized before. To re-init ImageLoader with new configuration call ImageLoader.destroy() at first.
08-01 00:20:54.717: W/ImageLoader(1291): Try to initialize ImageLoader which had already been initialized before. To re-init ImageLoader with new configuration call ImageLoader.destroy() at first.
08-01 00:20:55.287: D/dalvikvm(1291): GC_FOR_ALLOC freed 298K, 16% free 3996K/4708K, paused 24ms, total 24ms
08-01 00:20:55.587: D/dalvikvm(1291): GC_FOR_ALLOC freed 307K, 19% free 3854K/4708K, paused 24ms, total 25ms
08-01 00:20:55.597: I/Choreographer(1291): Skipped 62 frames!  The application may be doing too much work on its main thread.
08-01 00:20:55.817: I/Choreographer(1291): Skipped 46 frames!  The application may be doing too much work on its main thread.

Каким образом можно это исправить?

Answer 1

[Alexandr]

у меня та же проблема... Единственное решение, которое я пока что нашел(не самое лучшее как по мне) это обнуление view перед загрузкой (.resetViewBeforeLoading(true)) и добавление картинки заглушки(.showImageOnLoading())

Answer 2

[anyd3v]

Что на счет: кеш в памяти, использование ресурса который показывается во время загурзки?

(на счет кеша ин мемори на сколько я знаю по дефолты отключено и .memoryCache(new UsingFreqLimitedMemoryCache(2 * 1024 * 1024)) не включит его, надо в опциях устанавивать .cacheInMemory(true).cacheOnDisk(true))

Опоздания все равно будут тк время на работу с битмапами занимает какое то время.

ImageLoaderConfiguration config = new ImageLoaderConfiguration.Builder надо вынести в Application#onCreate (тк это глобальные настройки)

Comments

[anyd3v]

и включите логи, в моем приложении стоит так if(BuildConfig.DEBUG) builder.writeDebugLogs(); вы сразу увидите откуда тянутся картинки

[dllweb]

Подожди, ну как тогда делают что изображения в списках без тормозов работают? Файловое кэширование в файловую систему?

[anyd3v]

Кеширование в память.

[dllweb]

@anyd3v в общем ответ проблему не решает

[anyd3v]

что именно осталось? покажите конфиги. Вы уверены что картинки грузятся из памяти?

[dllweb]

@anyd3v да я понятия не имею, видимо разгребать мой код бестолку, нужно руководствоваться готовыми наработками, так сказать всё по феншую, что толку то разбирать мой недосписок с пикчами которые не понятно как работают, нужен пример. От которого я оттолкнусь.

[anyd3v]

в вики более чем достаточно примеров. https://github.com/nostra13/Android-Universal-Imag... и расписано что где и как инициализировать, как использовать кеши и т.д.

Answer 3

[Copperfield]

Попробуйте добавить .resetViewBeforeLoading(true) в билдер опций.

Comments

[anyd3v]

По опыту это дает мерцания картинки особенно при использовании в адаптере

Answer 4

[Marat S]

так сам адаптер покажите.

Comments

[dllweb]

package ru.akd.renult;

import java.util.ArrayList;

import android.app.Activity;
import android.content.Context;
import android.graphics.Bitmap.CompressFormat;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.ImageView;
import android.widget.TextView;

import com.nostra13.universalimageloader.cache.disc.impl.UnlimitedDiscCache;
import com.nostra13.universalimageloader.cache.disc.naming.HashCodeFileNameGenerator;
import com.nostra13.universalimageloader.cache.memory.impl.UsingFreqLimitedMemoryCache;
import com.nostra13.universalimageloader.core.DisplayImageOptions;
import com.nostra13.universalimageloader.core.ImageLoader;
import com.nostra13.universalimageloader.core.ImageLoaderConfiguration;
import com.nostra13.universalimageloader.core.download.BaseImageDownloader;

public class ModelAdapter extends ArrayAdapter<Models> {
	
	 private final Activity activity;
     private final ArrayList<Models> entries;
     
     public ModelAdapter(final Activity a, final int textViewer, final ArrayList<Models> entries ){
    	 
    	 super(a, textViewer, entries);
    	 this.entries = entries;
    	 activity = a;
    	 
     }
     
     
     @Override
     public View getView(int position, View convertview, ViewGroup parent){
		
    	 View v = convertview;
    	 ViewHolder holder;
    	 
    	 if(v == null){
    		 
    		 LayoutInflater inflater = (LayoutInflater) activity.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
    		 v = inflater.inflate(R.layout.list, parent, false);
    		 
    		 holder = new ViewHolder();
    		 
    		 holder.textView = (TextView) v.findViewById(R.id.title);
    		 holder.id = (TextView) v.findViewById(R.id.desc);
    		 holder.imageView = (ImageView) v.findViewById(R.id.image);
    		 v.setTag(holder);
    		 
    		 
    	 } else {
             holder = (ViewHolder) v.getTag();
    	 }
    	 
    	 Models models = entries.get(position);
    	 
    	 if(models != null){
    		 
    		 holder.textView.setText(models.getModel());
    		 holder.id.setText(models.getModelId());
    		 
    		 ImageLoader imageLoader = ImageLoader.getInstance();
             
             
             
             ImageLoaderConfiguration config = new ImageLoaderConfiguration.Builder(getContext())
             .memoryCacheExtraOptions(480, 800) // width, height
             .threadPoolSize(5)
             .threadPriority(Thread.MIN_PRIORITY + 2)
             .denyCacheImageMultipleSizesInMemory()
             .memoryCache(new UsingFreqLimitedMemoryCache(2 * 1024 * 1024)) // 2 Mb 
             .defaultDisplayImageOptions(DisplayImageOptions.createSimple())
             .build();
             
             imageLoader.init(config);
             
             
             imageLoader.displayImage(models.getImg(), holder.imageView);
             
    	 }
    	 
    	 return v;	 
     }
     
     private static class ViewHolder {

         
         public TextView textView;
         public ImageView imageView;
         public TextView id;
         

 }
     

}

[Marat S]

это в конструктор вынесите
ImageLoaderConfiguration config = new ImageLoaderConfiguration.Builder

[Marat S]

и второй, holder.imageView в GetView перед displayImage ставьте картинку загрузки, например. так как ListView использует recycle поэтому берет уже готовые вьшки, естественно там уже что то будет.