Imageview et PagerAdapter
Je veux mettre des images dans chacune des pages de mon ViewPager (comme un livre). Ces images est à partir d'une liste d'url :
Ma Carte ressemble à ceci :
private class MyPagerAdapter extends PagerAdapter{
@Override
public int getCount() {
return NUM_AWESOME_VIEWS;
}
/**
* Create the page for the given position. The adapter is responsible
* for adding the view to the container given here, although it only
* must ensure this is done by the time it returns from
* {@link #finishUpdate()}.
*
* @param container The containing View in which the page will be shown.
* @param position The page position to be instantiated.
* @return Returns an Object representing the new page. This does not
* need to be a View, but can be some other container of the page.
*/
@Override
public Object instantiateItem(View collection, int position) {
//Create Views
ScrollView view = new ScrollView(cxt);
RelativeLayout container = new RelativeLayout(cxt);
TextView text = new TextView(cxt);
text.setId(1);
ImageView[] image = new ImageView[18];
//Parameters
LayoutParams container_params = new LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT);
LayoutParams text_params = new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
LayoutParams content_params = new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
content_params.addRule(RelativeLayout.BELOW, text.getId());
view.setLayoutParams(container_params);
container.setLayoutParams(container_params);
text.setLayoutParams(text_params);
//image.setLayoutParams(content_params);
//set
for(int i = 0; i < position; i++){
image[i] = new ImageView(cxt);
image[i].setLayoutParams(content_params);
createimage(image[i], list_url.get(position));
container.addView(image[i]);
}
text.setText(list_url.get(position).toString());
//add
view.addView(container);
container.addView(text);
//container.addView(image);
((ViewPager) collection).addView(view,0);
return view;
}
/**
* Remove a page for the given position. The adapter is responsible
* for removing the view from its container, although it only must ensure
* this is done by the time it returns from {@link #finishUpdate()}.
*
* @param container The containing View from which the page will be removed.
* @param position The page position to be removed.
* @param object The same object that was returned by
* {@link #instantiateItem(View, int)}.
*/
@Override
public void destroyItem(View collection, int position, Object view) {
((ViewPager) collection).removeView((ScrollView) view);
}
@Override
public boolean isViewFromObject(View view, Object object) {
return view==((ScrollView)object);
}
/**
* Called when the a change in the shown pages has been completed. At this
* point you must ensure that all of the pages have actually been added or
* removed from the container as appropriate.
* @param container The containing View which is displaying this adapter's
* page views.
*/
@Override
public void finishUpdate(View arg0) {}
@Override
public void restoreState(Parcelable arg0, ClassLoader arg1) {}
@Override
public Parcelable saveState() {
return null;
}
@Override
public void startUpdate(View arg0) {}
}
et je profite de ces images grâce à un asynctask :
private class CreateImage extends AsyncTask<String, Void, Drawable> {
ImageView image;
public CreateImage(ImageView img) {
image = img;
}
protected void onPreExecute() {
}
protected Drawable doInBackground(String... urls) {
InputStream is;
Drawable d = null ;
try {
is = (InputStream)new URL(urls[0]).getContent();
d = Drawable.createFromStream(is, "Image");
return d;
} catch (MalformedURLException e) {
//TODO Auto-generated catch block
e.printStackTrace();
} catch (IOException e) {
//TODO Auto-generated catch block
e.printStackTrace();
}
return d;
}
protected void onPostExecute(Drawable d) {
image.setBackgroundDrawable(d);
}
private Drawable ImageOperations(Context ctx, String url) {
try {
URL imageUrl = new URL(url);
InputStream is = (InputStream) imageUrl.getContent();
Drawable d = Drawable.createFromStream(is, "src");
return d;
} catch (MalformedURLException e) {
e.printStackTrace();
return null;
} catch (IOException e) {
e.printStackTrace();
return null;
}
}
}
public void createimage(ImageView img, String url){
new CreateImage(img).execute(url);
}
le truc, c'est qu'il ne fonctionne pas du tout.
Vous devez vous connecter pour publier un commentaire.
for(int i = 0; i < position; i++){
image[i] = new ImageView(cxt);
image[i].setLayoutParams(content_params);
createimage(image[i], list_url.get(position));
container.addView(image[i]);
}
Je ne pense pas que vous avez à faire dans une boucle for. Vous pouvez peut-être regarder l'exemple dans la bibliothèque de compatibilité. Je pense que c'automatiquement instancier un objet pour un poste. Voici un exemple que j'ai trouvé après googler-
Je n'ai jamais utilisé un
PagerAdapter
avant, mais je doute que vous pouvez revenir à une vue eninstantiateItem
et puis seulement après le téléchargement de la ressource (dans leAsyncTask
). Lorsque leAsyncTask
définit l'arrière-plan de l'image, je pense que c'est trop tard, la carte a déjà retourné la vue...Vous aurez probablement besoin d'invalider la vue à un certain point...
invalidate()
.Pager
vous devez invalider. Ceci implique que lePagerAdapter
requêtesgetView()
sur tous les articles de nouveau. Par conséquent, vous devez garder le fichier correspondant dans le cache, et de fournir de manière synchrone.notifyDatasetChanged()
sur la carte?instantiateItem()
est terminé. Les images doivent être téléchargées et mises en cache avantinstantiateItem()
est appelé.Je suis désolé c'est une erreur, mais wow, je ne peux même pas décrire -> je n'ai pas mis l'Autorisation :
et j'ai mis
int la onPostExecute parce que je ne voulais pas que les images soient tout bizarre.