Android Volley - Afficher la barre de progression dans listview de l'adaptateur lors du chargement de l'image

J'ai essayé de charger une image à partir du réseau avec Volley dans l'élément de liste. Alors que le téléchargement de l'image, la barre de progression montre, une fois terminé, il convient de se cacher.

Voici ma carte:

   public class NewsAdapter  extends CursorAdapter{
public NewsAdapter(Context context, Cursor c) {
super(context, c, true);
}
@Override
public Cursor getItem(int position) {
return (Cursor) super.getItem(position);
}
@Override
public void bindView(View view, final Context context, Cursor cursor) {
final NetworkImageView imgNewsItem = (NetworkImageView) view.findViewById(R.id.imgNewsItem); 
final ProgressBar progressNewsList = (ProgressBar) view.findViewById(R.id.progressNewsList);
progressNewsList.setVisibility(View.VISIBLE);
imgNewsItem.setVisibility(View.GONE);
Ln.d("get news image: %s", cursor.getString(cursor.getColumnIndex(News.IMAGE_COLUMN)));
ImageCacheManager.getInstance().getImageLoader().get(cursor.getString(cursor.getColumnIndex(News.IMAGE_COLUMN)), new ImageListener() {
@Override
public void onErrorResponse(VolleyError error) {
Ln.e(error);
progressNewsList.setVisibility(View.GONE);
imgNewsItem.setVisibility(View.VISIBLE);
imgNewsItem.setImageResource(R.drawable.news_default_image);
}
@Override
public void onResponse(ImageContainer response, boolean isImmediate) {
progressNewsList.setVisibility(View.GONE);
imgNewsItem.setVisibility(View.VISIBLE);
imgNewsItem.setImageBitmap(response.getBitmap());
}
});
}
@Override
public View newView(Context arg0, Cursor arg1, ViewGroup parent) {
LayoutInflater inflater = LayoutInflater.from(parent.getContext());
View retView = inflater.inflate(R.layout.row_view, parent, false);
return retView;
}

}

J'ai débogué et a constaté que le Volley-téléchargement et le cache de l'image bitmap est ok, mais l'affichage de l'image ne s'affiche pas.

Mon élément de mise en page ressemble à ceci:

 <LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_margin="5dp" >
<com.android.volley.toolbox.NetworkImageView
android:id="@+id/imgNewsItem"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:adjustViewBounds="true"
android:scaleType="fitXY"
android:src="@drawable/news_default_image"
android:visibility="gone" />
<ProgressBar
android:id="@+id/progressNewsList"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center" 
>
</ProgressBar>
</LinearLayout>

La ImageCacheManager partir de cet exemple: https://github.com/rdrobinson3/VolleyImageCacheExample
Pourriez-vous me dire où je me trompe?. Merci à l'avance.

Mise à jour: l'autre, la barre de progression n'est pas montré lors du téléchargement.

Honnêtement, je ne vois pas comment vous en suivant l'exemple? Je pense que vous ne devriez pas appeler la get du chargeur.. Avez-vous simplement essayé: imgNewsItem.setImageUrl(<url>, ImageCacheManager.getInstance().getImageLoader());
Mais j'ai besoin de l'auditeur pour masquer la barre de progression.
Pourquoi vous vous cachez la ProgressBar si vous avez dismiss();.
Parce que je ne suis pas d'afficher une boîte de dialogue de progression. Je veux juste une barre de progression circulaire lors du téléchargement de l'image.

OriginalL'auteur R4j | 2013-10-18

  1. 1

    Vous avez besoin de changer ImageListener.onResponse méthode à la suivante:

    @Override
public void onResponse(ImageContainer response, boolean isImmediate) {
Bitmap bitmap = response.getBitmap();
if(bitmap != null){
progressNewsList.setVisibility(View.GONE);
imgNewsItem.setVisibility(View.VISIBLE);
imgNewsItem.setImageBitmap(bitmap);
}
}

    Ce qui suit est la java doc pour la ImageListener:

    Interface pour les gestionnaires de réponse sur les demandes d'image. Le flux d'appels
    est-ce: 1. Sur le fait d'être attaché à une demande, onResponse(réponse,
    true) sera appelé à refléter toutes les données mises en cache qui a été déjà
    disponible. Si les données étaient disponibles, la réponse.getBitmap() sera
    non null    . 2. Après une réponse du réseau retourne, un seul de la
    cas suivants peuvent se produire: - onResponse(réponse fausse) sera
    appelé si l'image a été chargée. ou - onErrorResponse sera appelée si
    il y a une erreur de chargement de l'image

    OriginalL'auteur Marco RS

  2. 1

    Si vous utilisez la méthode de chargement de l'Image et de la ProgressBar a été initialisée dans différentes méthode, puis cacher ProgressBar sur onResponse(...) peut ne pas fonctionner si vous avez besoin de passer ProgressBar en tant que paramètre.

    private void loadImage(String imageUrl, final ImageView imageView, final ProgressBar progressBar) {
//progressBar.setVisibility(View.VISIBLE);
if (imageUrl != null) {
mImageLoader.get(imageUrl, new ImageLoader.ImageListener() {
@Override
public void onResponse(ImageLoader.ImageContainer response, boolean isImmediate) {
if (response.getBitmap() != null) {
progressBar.setVisibility(View.GONE);
imageView.setImageBitmap(response.getBitmap());
}
}
@Override
public void onErrorResponse(VolleyError error) {
Log.e("onErrorResponse ", error.toString());
progressBar.setVisibility(View.GONE);
}
});
}
}
    Il y a un problème avec votre réponse. Première imageUrl.equals(null) va jeter NullpointerException si imageUrl est null, vous devez utiliser imageUrl != null. Deuxièmement, en passant ProgressBar comme paramètre n'a aucun sens, c'est comme mon bindView méthode.
    Je suis d'accord avec vous premier point et j'ai édité ma réponse. Votre 2ème point, vous sont en cours d'initialisation et de traiter avec ProgressBar à l'intérieur de bindview méthode uniquement si il n'y a pas de problème, mais si vous êtes en utilisant différentes méthodes et là, vous faites affaire avec ProgressBar qui a été initialisée dans bindview, il ne fonctionnera pas.

    OriginalL'auteur Sushil

  3. 1

    Changement LinearLayout à FrameLayout et de changement afin de faire des progrès avant networkimageview comme cela

    <FrameLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_margin="5dp" >
<ProgressBar
android:id="@+id/progressNewsList"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center" 
>
</ProgressBar>
<com.android.volley.toolbox.NetworkImageView
android:id="@+id/imgNewsItem"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:adjustViewBounds="true"
android:scaleType="fitXY"
android:src="@drawable/news_default_image"
android:visibility="gone" />
</FrameLayout>

    Code Java

    Je suis aide dans recycleview adaptateur 

    @Override
public void onBindViewHolder(final ViewHolder holder, int position) {
ImageLoader _ImageLoader = MySingleton.getInstance(_Context).getmImageLoader();
String url = "...."; //your image url
holder.ProgressBar.setVisibility(View.VISIBLE);
_ImageLoader.get(url, new ImageLoader.ImageListener() {
@Override
public void onResponse(ImageLoader.ImageContainer response, boolean isImmediate) {
if (response.getBitmap() != null) {
holder.ProgressBar.setVisibility(View.GONE);
holder.imageView.setImageBitmap(response.getBitmap());
}
}
@Override
public void onErrorResponse(VolleyError error) {
}
});
}

    MySingleton Classe

    public class MySingleton {
private static MySingleton mInstance;
private Context mContext;
private RequestQueue mResquestQueue;
private ImageLoader mImageLoader;
private MySingleton(Context mCtx){
this.mContext = mCtx;
mResquestQueue = Volley.newRequestQueue(MyApplication.getAppContext());
mImageLoader = new ImageLoader(mResquestQueue , new ImageLoader.ImageCache(){
private final LruCache<String , Bitmap> cache = new LruCache<>(20);
@Override
public Bitmap getBitmap(String url) {
return cache.get(url);
}
@Override
public void putBitmap(String url, Bitmap bitmap) {
cache.put(url , bitmap);
}
});
}
public static synchronized MySingleton getInstance(Context context){
if(mInstance == null){
mInstance = new MySingleton(context);
}
return mInstance;
}
public RequestQueue getResquestQueue(){
if(mResquestQueue == null){
mResquestQueue= Volley.newRequestQueue(mContext.getApplicationContext());
}
return mResquestQueue;
}
public <T> void addToRequestQueue(Request<T> request){
mResquestQueue.add(request);
}
public ImageLoader getmImageLoader(){
return mImageLoader;
}
public void CancelAllRequestes(){
if(mResquestQueue != null){
mResquestQueue.cancelAll(this);
}
}
}

    OriginalL'auteur Mina Fawzy