Android Glisse: Afficher une image floue avant le chargement de l'image réelle

Je développe une application Android qui affiche en plein écran des images de l'utilisateur. Les Images sont récupérées à partir du serveur. Je suis à l'aide de Glisser pour afficher l'image. Mais je veux afficher une taille très petite image floue avant l'affichage de l'image réelle. Une fois que l'image est mise en cache, directement complet de la taille de l'image doit être affichée.

Image Affichant les flux qui va comme ceci:
- Si l'image est téléchargée pour la première fois, téléchargez d'abord une petite image à l'échelle, puis de télécharger plein résolution de l'image.
- Si l'image a été téléchargée avant, d'afficher directement la pleine échelle de l'image.

Je ne trouve aucune méthode dans le glissement de la bibliothèque, qui vous me dire si un fichier existe dans le cache ou pas.

Aucune idée, comment cela peut être fait.

OriginalL'auteur Abhishek Batra | 2016-06-21

android android-glide

Glide.with(context.getApplicationContext())
                        .load(Your Path)   //passing your url to load image.
                        .override(18, 18)  //just set override like this
                        .error(R.drawable.placeholder)
                        .listener(glide_callback)
                        .animate(R.anim.rotate_backward)
                        .centerCrop()
                        .into(image.score);

Vous êtes grand patron...:)
Je suis un cannot resolve method 'override(int, int)' erorr
Incroyable Réponse, Merci 🙂
Êtes-vous sûr qu'il n'a pas de télécharger l'ensemble de l'image, puis à l'échelle vers le bas?

OriginalL'auteur Hiren

Mieux que vous peut se faire une idée de cette Bibliothèque ou de l'Utilisation de cette bibliothèque.

2 façons de faire du Flou et de l'image d'Origine dans Android.

1) tout d'Abord charger le Flou de l'Image de l'URL du Serveur de chemin et une fois obtenir le succès bitmap mécanisme de mise en cache à la charge d'Origine(Grande) Image l'URL du Serveur de chemin.

Point 1 est possible, j'ai eu la réponse pour vous( Demandez à votre serveur de l'équipe pour obtenir le Flou de l'image ou de la Faible qualité de l'image pour la rendre flou, puis de charger de gros de l'image).
APK Lien

Glide.with(mContext)
    .load(image.getMedium())
            .asBitmap()
            .diskCacheStrategy(DiskCacheStrategy.ALL)
            .into(new SimpleTarget<Bitmap>() {
                @Override
                public void onResourceReady(Bitmap bitmap, GlideAnimation anim) {
                    //Do something with bitmap here.
                    holder.thumbnail.setImageBitmap(bitmap);
                    Log.e("GalleryAdapter","Glide getMedium ");

                    Glide.with(mContext)
                            .load(image.getLarge())
                            .asBitmap()
                            .diskCacheStrategy(DiskCacheStrategy.ALL)
                            .into(new SimpleTarget<Bitmap>() {
                                @Override
                                public void onResourceReady(Bitmap bitmap, GlideAnimation anim) {
                                    //Do something with bitmap here.
                                    holder.thumbnail.setImageBitmap(bitmap);
                                    Log.e("GalleryAdapter","Glide getLarge ");
                                }
                            });
                }
            });

2) Fresque de Facebook est une nouvelle image de la bibliothèque pour Android. Voici le blog officiel de post de présentation de la bibliothèque. Il prend en charge le streaming de les images JPEG progressives sur le réseau qui peut être vraiment utile pour afficher des images de grande taille sur des connexions lentes. On peut voir l'image d'améliorer progressivement la qualité.

Progressive Jpeg avec Facebook Fresque

OriginalL'auteur Karthik Pugal

avec Glide v4:

Glide.with(context)
    .load(URL)
    .thumbnail(0.1f)
    .into(image_view)

OriginalL'auteur itzhar

0

Utilisation BitmapFactory.Des Options.inSampleSize de faire une version sous-échantillonnée de l'image, et de télécharger les deux versions. Charger l'image de l'échantillon (ce qui devrait prendre moins de temps) et quand la version plus grande est téléchargé, passer en que. Vous pouvez également utiliser un TransitionDrawable pour faire un effet de fondu de transition.

OriginalL'auteur jv110

ce n'est pas un moyen idéal, mais il sera plus simple de le faire.

faire de l'espace réservé d'image flou et le mettre en glisse. ensuite, toujours il va montrer le flou de l'image, puis après le chargement de l'image réelle et il apparaîtra.

vous pouvez consulter ce code à utiliser glide.

//crete this method into your Utils class and call this method wherever you want to use.
//you can set these placeHolder() and error() image static as well. I made it as comment inside this method, then no need to use [placeHolderUrl and errorImageUrl] parameters. remove it from this method.
public static void loadImage(final Activity context, ImageView imageView, String url, int placeHolderUrl, int errorImageUrl) {
    if (context == null || context.isDestroyed()) return;

    //placeHolderUrl=R.drawable.ic_user;
    //errorImageUrl=R.drawable.ic_error;
        Glide.with(context) //passing context 
                .load(getFullUrl(url)) //passing your url to load image.
                .placeholder(placeHolderUrl) //this would be your default image (like default profile or logo etc). it would be loaded at initial time and it will replace with your loaded image once glide successfully load image using url.
                .error(errorImageUrl)//in case of any glide exception or not able to download then this image will be appear . if you won't mention this error() then nothing to worry placeHolder image would be remain as it is.
                .diskCacheStrategy(DiskCacheStrategy.ALL) //using to load into cache then second time it will load fast.
                .animate(R.anim.fade_in) //when image (url) will be loaded by glide then this face in animation help to replace url image in the place of placeHolder (default) image.
                .fitCenter()//this method help to fit image into center of your ImageView 
                .into(imageView); //pass imageView reference to appear the image.
}

OriginalL'auteur Abdul Rizwan

-1

utilisation BitmapFactory.Des Options.inSamleSize de charger une version sous-échantillonnée de l'image. Puis de charger l'image plus grande et de faire une transition fondu à l'aide d'un TransitionDrawable

Espère que cela vous Aide ! Cheers !

Mais dans ce cas, j'ai besoin de télécharger le big image, et je n'ai plus rien à l'écran jusqu'à ce que l'image est téléchargée\

OriginalL'auteur Milind Vyas

Vous devez vous connecter pour publier un commentaire.