Paresseux de télécharger des images dans gridView

C'est comment j'ai récupérer plusieurs photos dans mon activité. Vous pouvez utiliser des pièces de il pour s'adapter à votre logique. Je l'utilise pour récupérer Facebook des Images d'un Album. Donc, mes besoins sont (je suppose) différente de vos besoins. Mais encore une fois, la logique peut être utiliser pour vous.

Remarque: Cela va être long. 😉

Ce sont les déclarations globales pour une utilisation par le biais de l'Activité:

//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;

C'est le bloc de code qui récupère la première série d'Images:

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;
}
}

C'est pour détecter lorsque l'utilisateur a fait défiler jusqu'à la fin et de chercher ensemble de nouvelles images:

//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();
}
}
}
});

Et finalement, c'est la façon dont j'extrais la prochaine série d'images:

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;
}
}

Et c'est la classe d'aide à SET et GET les données recueillies à partir des requêtes ci-dessus:

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;
}
}

Si vous aussi vous voulez le adapter code, laissez-moi savoir. J'utilise Fedor est Chargement Différé méthode dans l'adaptateur.

Ouf. Espérons tout de cette aide. Si vous avez d'autres question, n'hésitez pas à demander. 🙂

EDIT: code d'Adaptateur ajouté:

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: Ajout d'étapes à montrer les Progrès réalisés pendant le chargement:

Ajouter une Barre de progression pour vous XML où vous avez le contrôle GridView à droite juste en dessous. Jouer avec le poids s'il cause des problèmes.

<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>

Dans votre Java, déclarer la Linearlayout linlaProgressBar Global et la lancer dans le onCreate() et définir la visibilité d' linlaProgressBar.setVisibility(View.GONE);

Et dans le onPreExecute() l'utiliser comme ceci:

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

Et enfin ajouter, et ce, dans le onPostExecute()

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

Parler de l'expérience, il est difficile de parvenir à défilement lisse (et la réactivité globale) alors que la consommation de la mémoire raisonnablement.

Ce serait une bonne idée de chercher des solutions existantes d'abord, par exemple, commencer ici:
Chargement différé des images dans la ListView

Nous nous sommes retrouvés avec une coutume solution propriétaire. C'est un thread d'arrière-plan que les files d'attente de téléchargement des demandes et des téléchargements et des caches sur le stockage externe uniquement les images qui sont encore visibles. Lorsqu'une nouvelle image arrive, la vue est informé et décide de notifier à l'adaptateur de mise à jour.

Il permet aussi d'économiser de la bande passante, ce qui est important dans certains cas.