Lazy-laden von Bildern in gridView

Dies ist, wie ich, Holen Sie mehrere Fotos in meine Tätigkeit. Sie können verwenden Sie Teile, die Sie für passen Sie Ihre Logik. Ich benutze diese zum abrufen von Facebook-Bildern aus einem Album. Also meine Bedürfnisse sind (ich nehme an) unterscheiden sich von Ihren Bedürfnissen. Aber noch einmal, die Logik verwenden, um Sie.

Hinweis: Dies wird langwierig sein. 😉

Diese werden die globalen Deklarationen für die Verwendung durch die Aktivität:

//HOLD THE URL TO MAKE THE API CALL TO
private String URL;

//STORE THE PAGING URL
private String pagingURL;

//FLAG FOR CURRENT PAGE
int current_page = 1;

//BOOLEAN TO CHECK IF NEW FEEDS ARE LOADING
Boolean loadingMore = true;

Boolean stopLoadingData = false;

Dies ist der code-block, der holt sich den ersten Satz Bilder:

private class getPhotosData extends AsyncTask<Void, Void, Void> {

    @Override
    protected Void doInBackground(Void... arg0) {

        //CHANGE THE LOADING MORE STATUS TO PREVENT DUPLICATE CALLS FOR
        //MORE DATA WHILE LOADING A BATCH
        loadingMore = true;

        //SET THE INITIAL URL TO GET THE FIRST LOT OF ALBUMS
        URL = "https://graph.facebook.com/" + initialAlbumID
                + "/photos&access_token="
                + Utility.mFacebook.getAccessToken() + "?limit=10";

        try {

            HttpClient hc = new DefaultHttpClient();
            HttpGet get = new HttpGet(URL);
            HttpResponse rp = hc.execute(get);

            if (rp.getStatusLine().getStatusCode() == HttpStatus.SC_OK) {
                String queryAlbums = EntityUtils.toString(rp.getEntity());

                JSONObject JOTemp = new JSONObject(queryAlbums);

                JSONArray JAPhotos = JOTemp.getJSONArray("data");

                //IN MY CODE, I GET THE NEXT PAGE LINK HERE

                getPhotos photos;

                for (int i = 0; i < JAPhotos.length(); i++) {
                    JSONObject JOPhotos = JAPhotos.getJSONObject(i);
                    //Log.e("INDIVIDUAL ALBUMS", JOPhotos.toString());

                    if (JOPhotos.has("link")) {

                        photos = new getPhotos();

                        //GET THE ALBUM ID
                        if (JOPhotos.has("id")) {
                            photos.setPhotoID(JOPhotos.getString("id"));
                        } else {
                            photos.setPhotoID(null);
                        }

                        //GET THE ALBUM NAME
                        if (JOPhotos.has("name")) {
                            photos.setPhotoName(JOPhotos.getString("name"));
                        } else {
                            photos.setPhotoName(null);
                        }

                        //GET THE ALBUM COVER PHOTO
                        if (JOPhotos.has("picture")) {
                            photos.setPhotoPicture(JOPhotos
                                    .getString("picture"));
                        } else {
                            photos.setPhotoPicture(null);
                        }

                        //GET THE PHOTO'S SOURCE
                        if (JOPhotos.has("source")) {
                            photos.setPhotoSource(JOPhotos
                                    .getString("source"));
                        } else {
                            photos.setPhotoSource(null);
                        }

                        arrPhotos.add(photos);
                    }
                }
            }
        } catch (Exception e) {
            e.printStackTrace();
        }

        return null;
    }

    @Override
    protected void onPostExecute(Void result) {

        //SET THE ADAPTER TO THE GRIDVIEW
        gridOfPhotos.setAdapter(adapter);

        //CHANGE THE LOADING MORE STATUS
        loadingMore = false;
    }

}

Dies ist zu erkennen, wenn der Benutzer einen Bildlauf zu Ende und Holen neue Reihe von Bildern:

//ONSCROLLLISTENER
gridOfPhotos.setOnScrollListener(new OnScrollListener() {

    @Override
    public void onScrollStateChanged(AbsListView view, int scrollState) {

    }

    @Override
    public void onScroll(AbsListView view, int firstVisibleItem,
            int visibleItemCount, int totalItemCount) {
        int lastInScreen = firstVisibleItem + visibleItemCount;
        if ((lastInScreen == totalItemCount) && !(loadingMore)) {

            if (stopLoadingData == false) {
                //FETCH THE NEXT BATCH OF FEEDS
                new loadMorePhotos().execute();
            }

        }
    }
});

Und schließlich, das ist, wie ich holt sich den nächsten Satz von Bildern:

private class loadMorePhotos extends AsyncTask<Void, Void, Void> {

    @Override
    protected Void doInBackground(Void... arg0) {

        //SET LOADING MORE "TRUE"
        loadingMore = true;

        //INCREMENT CURRENT PAGE
        current_page += 1;

        //Next page request
        URL = pagingURL;

        try {

            HttpClient hc = new DefaultHttpClient();
            HttpGet get = new HttpGet(URL);
            HttpResponse rp = hc.execute(get);

            if (rp.getStatusLine().getStatusCode() == HttpStatus.SC_OK) {
                String queryAlbums = EntityUtils.toString(rp.getEntity());
                //Log.e("PAGED RESULT", queryAlbums);

                JSONObject JOTemp = new JSONObject(queryAlbums);

                JSONArray JAPhotos = JOTemp.getJSONArray("data");

                //IN MY CODE, I GET THE NEXT PAGE LINK HERE

                getPhotos photos;

                for (int i = 0; i < JAPhotos.length(); i++) {
                    JSONObject JOPhotos = JAPhotos.getJSONObject(i);
                    //Log.e("INDIVIDUAL ALBUMS", JOPhotos.toString());

                    if (JOPhotos.has("link")) {

                        photos = new getPhotos();

                        //GET THE ALBUM ID
                        if (JOPhotos.has("id")) {
                            photos.setPhotoID(JOPhotos.getString("id"));
                        } else {
                            photos.setPhotoID(null);
                        }

                        //GET THE ALBUM NAME
                        if (JOPhotos.has("name")) {
                            photos.setPhotoName(JOPhotos.getString("name"));
                        } else {
                            photos.setPhotoName(null);
                        }

                        //GET THE ALBUM COVER PHOTO
                        if (JOPhotos.has("picture")) {
                            photos.setPhotoPicture(JOPhotos
                                    .getString("picture"));
                        } else {
                            photos.setPhotoPicture(null);
                        }

                        //GET THE ALBUM'S PHOTO COUNT
                        if (JOPhotos.has("source")) {
                            photos.setPhotoSource(JOPhotos
                                    .getString("source"));
                        } else {
                            photos.setPhotoSource(null);
                        }

                        arrPhotos.add(photos);
                    }
                }
            }
        } catch (Exception e) {
            e.printStackTrace();
        }

        return null;
    }

    @Override
    protected void onPostExecute(Void result) {

        //get listview current position - used to maintain scroll position
        int currentPosition = gridOfPhotos.getFirstVisiblePosition();

        //APPEND NEW DATA TO THE ARRAYLIST AND SET THE ADAPTER TO THE
        //LISTVIEW
        adapter = new PhotosAdapter(Photos.this, arrPhotos);
        gridOfPhotos.setAdapter(adapter);

        //Setting new scroll position
        gridOfPhotos.setSelection(currentPosition + 1);

        //SET LOADINGMORE "FALSE" AFTER ADDING NEW FEEDS TO THE EXISTING
        //LIST
        loadingMore = false;
    }

}

- Und dies ist der helper-Klasse SET und GET die gesammelten Daten aus den Abfragen oben:

public class getPhotos {

    String PhotoID;

    String PhotoName;

    String PhotoPicture;

    String PhotoSource;

    //SET THE PHOTO ID
    public void setPhotoID(String PhotoID)  {
        this.PhotoID = PhotoID;
    }

    //GET THE PHOTO ID
    public String getPhotoID()  {
        return PhotoID;
    }

    //SET THE PHOTO NAME
    public void setPhotoName(String PhotoName)  {
        this.PhotoName = PhotoName;
    }

    //GET THE PHOTO NAME
    public String getPhotoName()    {
        return PhotoName;
    }

    //SET THE PHOTO PICTURE
    public void setPhotoPicture(String PhotoPicture)    {
        this.PhotoPicture = PhotoPicture;
    }

    //GET THE PHOTO PICTURE
    public String getPhotoPicture() {
        return PhotoPicture;
    }

    //SET THE PHOTO SOURCE
    public void setPhotoSource(String PhotoSource)  {
        this.PhotoSource = PhotoSource;
    }

    //GET THE PHOTO SOURCE
    public String getPhotoSource()  {
        return PhotoSource;
    }
}

Wenn Sie wollen auch die adapter code, lassen Sie es mich wissen. Ich benutze Fedor ist Lazy Loading Methode in den adapter.

Puh. Hoffe jeder der dies hilft. Wenn Sie Fragen haben, fühlen Sie sich frei, zu Fragen. 🙂

EDIT: Adapter code Hinzugefügt:

public class PhotosAdapter extends BaseAdapter {

    private Activity activity;

    ArrayList<getPhotos> arrayPhotos;

    private static LayoutInflater inflater = null;
    ImageLoader imageLoader; 

    public PhotosAdapter(Activity a, ArrayList<getPhotos> arrPhotos) {

        activity = a;

        arrayPhotos = arrPhotos;

        inflater = (LayoutInflater)activity.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        imageLoader = new ImageLoader(activity.getApplicationContext());
    }

    public int getCount() {
        return arrayPhotos.size();
    }

    public Object getItem(int position) {
        return arrayPhotos.get(position);
    }

    public long getItemId(int position) {
        return position;
    }

    public View getView(final int position, View convertView, ViewGroup parent) {

        ViewHolder holder;

        View vi = convertView;
        if(convertView == null) {
            vi = inflater.inflate(R.layout.photos_item, null);

            holder = new ViewHolder();

            holder.imgPhoto = (ImageView)vi.findViewById(R.id.grid_item_image);

            vi.setTag(holder);
          } else {
            holder = (ViewHolder) vi.getTag();
        }


        if (arrayPhotos.get(position).getPhotoPicture() != null){
            imageLoader.DisplayImage(arrayPhotos.get(position).getPhotoPicture(), holder.imgPhoto);
        }
        return vi;
    }

    static class ViewHolder {
        ImageView imgPhoto;

    }
}

EDIT: Zusätzlichen Schritte aus, um die Fortschritte zu zeigen, während des Ladens:

Fügen Sie eine Statusanzeige, um Sie XML wo du das GridView direkt darunter. Spielen, um mit dem Gewicht, wenn es verursacht Probleme.

<LinearLayout
    android:id="@+id/linlaProgressBar"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:orientation="horizontal" >

    <ProgressBar
        style="@style/Spinner"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="2dp" />
</LinearLayout>

In Ihrer Java -, die erklären, die Linearlayout linlaProgressBar als Global und warf es in die onCreate() und legen Sie die Sichtbarkeit als linlaProgressBar.setVisibility(View.GONE);

Und in der onPreExecute() verwenden Sie es wie diese:

@Override
protected void onPreExecute() {
    //SHOW THE BOTTOM PROGRESS BAR (SPINNER) WHILE LOADING MORE PHOTOS
    linlaProgressBar.setVisibility(View.VISIBLE);
}

Und schließlich fügen Sie diese in die onPostExecute()

//HIDE THE BOTTOM PROGRESS BAR (SPINNER) AFTER LOADING MORE ALBUMS
linlaProgressBar.setVisibility(View.GONE);

Spricht aus Erfahrung, ist es schwierig zu erreichen, smooth-scrolling (und die Allgemeine Reaktionsfähigkeit) und verbraucht den Speicher vernünftig.

Wäre es eine gute Idee, sich für bestehende Lösungen zuerst, z.B. hier anfangen:
Lazy load von Bildern in ListView

Landeten wir mit einer benutzerdefinierten proprietäre Lösung. Es ist ein hintergrund-thread, dass die Warteschlangen download-Anfragen und downloads und caches auf dem externen Speicher nur die Bilder, die sind noch sichtbar. Wenn ein neues Bild ankommt, die Ansicht wird informiert und entscheidet, Wann zu informieren und den adapter zu aktualisieren.

Sondern spart auch Bandbreite, was wichtig war in einigen Fällen.