Mit AsyncTask für das laden von Bildern in ListView

Ich habe eine ListView, die Platz für ein Bild. Es hängt davon ab, ob Bild existiert oder nicht, in SDCARD.

Hier mein Beispiel-code:

public class MainActivity extends Activity  {

    ListView mListView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        mListView = new ListView(this);
        setContentView(mListView);

        String[] arr = new String[] { 
                "/example/images/1.jpg", "/example/images/2.jpg",  
                "/example/images/3.jpg", "/example/images/4.jpg",  
                "/example/images/5.jpg", "/example/images/6.jpg", 
                "/example/images/7.jpg", "/example/images/8.jpg",  
                "/example/images/9.jpg", "/example/images/1.jpg", 
                "/example/images/2.jpg", "/example/images/3.jpg",  
                "/example/images/4.jpg", "/example/images/5.jpg",  
                "/example/images/6.jpg", "/example/images/7.jpg",  
                "/example/images/8.jpg", "/example/images/9.jpg", 
                "/example/images/1.jpg", "/example/images/2.jpg",  
                "/example/images/3.jpg", "/example/images/4.jpg",  
                "/example/images/5.jpg", "/example/images/6.jpg", 
                "/example/images/7.jpg", "/example/images/8.jpg",  
                "/example/images/9.jpg", "/example/images/1.jpg", 
                "/example/images/2.jpg", "/example/images/3.jpg",  
                "/example/images/4.jpg", "/example/images/5.jpg",  
                "/example/images/6.jpg", "/example/images/7.jpg",  
                "/example/images/8.jpg", "/example/images/9.jpg"}; 

        List<String> list = Arrays.asList(arr);

        MyAdapter adapter = new MyAdapter(this, R.layout.listitem_imv, list);

        mListView.setAdapter(adapter);
    }

    class MyAdapter extends ArrayAdapter<String>{

        List<String> mList;
        LayoutInflater mInflater;
        int mResource;

        public MyAdapter(Context context, int resource,
                List<String> objects) {
            super(context, resource, objects);

            mResource = resource;
            mInflater = getLayoutInflater();
            mList = objects;
        }

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            View view;

            if(convertView == null){
                view = mInflater.inflate(mResource, null);
            }else{
                view = convertView;
            }

            ImageView imageView = (ImageView) view.findViewById(R.id.imv);
            TextView textView = (TextView) view.findViewById(R.id.txv);

                            imageView.setTag(mList.get(position));//tag of imageView == path to image
            new LoadImage().execute(imageView);
            textView.setText(mList.get(position).toString());

            return view;
        }       
    }

    class LoadImage extends AsyncTask<Object, Void, Bitmap>{

        private ImageView imv;
        private String path;


        @Override
        protected Bitmap doInBackground(Object... params) {
            imv = (ImageView)   params[0];

            path = imv.getTag().toString();

            Bitmap bitmap = null;
            File file = new File( 
                    Environment.getExternalStorageDirectory().getAbsolutePath() + path);

            if(file.exists()){
                bitmap = BitmapFactory.decodeFile(file.getAbsolutePath());
            }

            return bitmap;
        }
        @Override
        protected void onPostExecute(Bitmap result) {
            if(result != null && imv != null){
                imv.setVisibility(View.VISIBLE);
                imv.setImageBitmap(result);
            }else{
                imv.setVisibility(View.GONE);
            }
        }
    }
}

'Sdcard/Beispiel/images' Verzeichnis die Bilder: 1.jpg, 2.jpg, 3.jpg, 4.jpg, 6.jpg, 7.jpg und 9.jpg.
das erwartete Ergebnis ist:
Mit AsyncTask für das laden von Bildern in ListView

Aber, wenn ich durch die Liste scrollen, schnell, manche Bilder sind eingefügt in die falschen Artikel.
Es geschieht aufgrund der Nutzung der convertView in der getView () - Methode.

Wenn ich den folgenden code verwenden, der code funktioniert einwandfrei:

        //if(convertView == null){
        // view = mInflater.inflate(mResource, null);
        //}else{
        // view = convertView;
        //}
        view = mInflater.inflate(mResource, null);

Wenn die Liste gescrollt schnell, zwei asyncTasks können, die auf eine gleiche Ansicht, durch die Benutzung der convertView.
Wie Kann ich stornieren, AsyncTask, wenn der Blick nicht mehr sichtbar ist?(und useb durch ein anderes item der ListView)

Bearbeiten

            @Override
    protected void onPostExecute(Bitmap result) {
        if(result != null && imv != null){

            if(imv.getTag().equals(path)){
                imv.setVisibility(View.VISIBLE);
                imv.setImageBitmap(result);
            }else{
                imv.setVisibility(View.GONE);
            }

        }else{
            imv.setVisibility(View.GONE);
        }
    }

InformationsquelleAutor der Frage Rodrigo | 2011-10-11

Können Sie in der Bildansicht, um den task-Konstruktor und halten eine Referenz auf das Bild Weg. Jetzt im onPostExecute, prüfen, ob der aktuelle tag der Bildansicht ist die gleiche wie die, die Sie angefangen haben. Wenn ja, dann legen Sie das Bild. Wenn Nein, nichts tun.

Dies bedeutet jedoch, dass das Bild heruntergeladen, auf jeden Fall. Sie werden einfach nur nicht das falsche Bild auf der Ansicht.

EDIT:
Zunächst übergeben Sie die Bildansicht, um die Aufgabe Konstruktor:

new LoadImage(imageView).execute()

Speichern Sie einen Verweis auf die Bildansicht und image-Pfad in der LoadImage-Konstruktor. Es ist wichtig, speichern Sie den Pfad im Konstruktor und nicht in der doInBackground, um sicherzustellen, dass wir don ' T run in multi-threading-Probleme. Dann an onPostExecute-wir überprüfen den aktuellen Pfad.

class LoadImage extends AsyncTask<Object, Void, Bitmap>{

        private ImageView imv;
        private String path;

        public LoadImage(ImageView imv) {
             this.imv = imv;
             this.path = imv.getTag().toString();
        }

    @Override
    protected Bitmap doInBackground(Object... params) {
        Bitmap bitmap = null;
        File file = new File( 
                Environment.getExternalStorageDirectory().getAbsolutePath() + path);

        if(file.exists()){
            bitmap = BitmapFactory.decodeFile(file.getAbsolutePath());
        }

        return bitmap;
    }
    @Override
    protected void onPostExecute(Bitmap result) {
        if (!imv.getTag().toString().equals(path)) {
               /* The path is not same. This means that this
                  image view is handled by some other async task. 
                  We don't do anything and return. */
               return;
        }

        if(result != null && imv != null){
            imv.setVisibility(View.VISIBLE);
            imv.setImageBitmap(result);
        }else{
            imv.setVisibility(View.GONE);
        }
    }

}

InformationsquelleAutor der Antwort shabyasachi

8

Diese Android-Entwickler-Blog-post wird Ihnen eine komplette Referenz-Projekt für dieses komplett mit caching. Ersetzen Sie einfach den Http-Zugriff-code, mit SD-Karte-Datei liest.

InformationsquelleAutor der Antwort Jeff Axelrod

Ich hoffe, das hilft.
Nach viel suchen habe ich diese funktionierende Lösung.

public class CustomAdapter extends ArrayAdapter<String>{
    /*
    public CustomAdapter(Context context , String[] video) {
        super(context,R.layout.custom_row, video);
    }
*/

private final Activity context;
private final String[] video;

static class ViewHolder {
    public TextView videoTitle;
    public ImageView videoThumbnail;
    public int position;
    public String path;
}

public CustomAdapter(Activity context, String[] video) {
    super(context, R.layout.custom_row, video);
    this.context = context;
    this.video = video;
}
@Override
public View getView(final int position, View convertView, ViewGroup parent) {

    LayoutInflater videoInflator = LayoutInflater.from(getContext());
    View customView = videoInflator.inflate(R.layout.custom_row, parent, false);
        ViewHolder viewHolder = new ViewHolder();
        viewHolder.position = position;
        viewHolder.path = video[position];
        viewHolder.videoTitle = (TextView) customView.findViewById(R.id.videoTitle);
        viewHolder.videoThumbnail = (ImageView) customView.findViewById(R.id.videoThumbnail);
        //rowView.setTag(viewHolder);
    //}
    customView.setTag(viewHolder);


    final String videoItem = video[position];
    int index=videoItem.lastIndexOf('/');
    String lastString=(videoItem.substring(index +1));
    index = lastString.indexOf(".mp4");
    lastString=(lastString.substring(0,index));
    viewHolder.videoTitle.setText(lastString);

    new AsyncTask<ViewHolder, Void, Bitmap>() {
        private ViewHolder v;

        @Override
        protected Bitmap doInBackground(ViewHolder... params) {
            v = params[0];
            Bitmap thumb = ThumbnailUtils.createVideoThumbnail(videoItem, MediaStore.Images.Thumbnails.MINI_KIND);
            return thumb;
        }

        @Override
        protected void onPostExecute(Bitmap result) {
            super.onPostExecute(result);
            if (v.position == position) {
                //If this item hasn't been recycled already, hide the
                //progress and set and show the image
                v.videoThumbnail.setImageBitmap(result);
            }
        }
    }.execute(viewHolder);
    return customView;
}

}

InformationsquelleAutor der Antwort Amit

1

Vielleicht solltest du mal versuchen:
```
view = mInflater.inflate(mResource,parent,null);
```
Überprüfen dieses blog ist es, erklärt das ähnliche Problem:

http://www.doubleencore.com/2013/05/layout-inflation-as-intended/

InformationsquelleAutor der Antwort Munawwar Hussain Shelia
0

Was ich tun würde (es sei denn, Sie haben Tausende von Bildern):
1. erstellen Sie eine Daten-Struktur - eine einfache Klasse hält eine String name angezeigt werden und eine bitmap
2. erstellen Sie einen adapter für Sie
3. in der getView-Methode weisen Sie die richtige bitmap, um die korrekte Bildansicht.

In Ihrem Fall wenn Sie können eine ähnliche Daten-Struktur, aber hält nicht eine bitmap, aber einen AsyncTask. Wie auch immer Sie zu binden, müssen die asynctask, um die Zeichenfolge in eine Position. Ein array (oder arraylist) solche Gegenstände eingezogen werden, um den adapter. Angezeigt wird eine Bildansicht und eine textview.

AsyncTask kann abgebrochen werden, mit cancel().

InformationsquelleAutor der Antwort Yar

Hey, ich fand die Lösung für dieses problem benutzen Sie einfach folgenden Funktion, anstatt Ihre Funktion

 @Override
protected void onPostExecute(Bitmap result) {

    if (!imv.getTag().toString().equals(rec_id)) {
           return;
    }

    if(result != null && imv != null){
        int index = id.indexOf(imv.getTag().toString());
        if(list.getFirstVisiblePosition()<=index && index<=list.getLastVisiblePosition())
        {
            imv.setVisibility(View.VISIBLE);
            imv.setImageBitmap(result);
        }
    }else{
        imv.setImageBitmap(icon);
        imv.setVisibility(View.GONE);
    }
}

Hier Liste ist das Objekt der listview. Geben Sie einfach Ihre Liste an view-Objekt an den adapter, und fügen Sie diese Funktion, anstatt Ihre onPostExecute-Funktion.

InformationsquelleAutor der Antwort Sandeep

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.