Taille de l'espace réservé Android Glide

J'ai un problème avec Android Glisse. Je suis en train d'essayer de permuter rapidement mon image, ils deviennent tous de l'espace réservé de la taille, et mon image d'espace réservé est très faible taille. Donc ce que je dois faire?

Peut-être que j'ai besoin de vérifier si elle est chargée ou quelque chose, mais je ne sais pas comment.

Glide.with(this)
    .load(quest.get(id).getImage())
    .placeholder(R.drawable.load)
    .fitCenter()
    .crossFade()
    .into(imageView);

source d'informationauteur TavoTevas

  1. 14

    Selon cette question sur Glide GitHub page, vous pouvez le fixer en ajoutant la ligne suivante à votre demande de Glisse:

      .dontAnimate()

    Qui rendrait votre chargement complet de la ligne:

      Glide.with(context)
            .load("http://lorempixel.com/150/150")
            .placeholder(R.drawable.no_image)
            .override(100, 100)
            .dontAnimate()
            .into(imageView);
  2. 1

    Ce que j'ai fait à cet égard était d'utiliser l'override() pour appliquer la taille de l'image. Si vous avez un gridview et vous avez besoin d'avoir deux images dans chaque ligne, c'est comment vous trouvez la taille de l'écran en pixels à calculer la bonne largeur et la hauteur de l'image:

        WindowManager wm = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
    Display display = wm.getDefaultDisplay();
    Point size = new Point();
    display.getSize(size);
    placeholderWidth = size.x / 2 ;
    placeholderHeight = size.x * 3 / 2 ; //based on the image's height to width ratio

    Une fois la hauteur et la largeur de chaque image est dans la main, il est facile à utiliser override:

        Glide.with(context)
            .load(url)
            .placeholder(R.drawable.loading)
            .override(placeholderWidth,placeholderHeight)                
            .into(viewHolder.imageViewHolder);
  3. 1

    Je faire comme mentionné ci-dessous:

    L'idée est de définir le type d'échelle tel que prescrit par le titulaire de place initialement & ajoutez un écouteur pour changer le type d'échelle de nouveau tel que requis par l'image téléchargée après le téléchargement de l'image.

    //ivBuilderLogo = Target ImageView
//Set the scale type to as required by your place holder
//ScaleType.CENTER_INSIDE will maintain aspect ration and fit the placeholder inside the image view
holder.ivBuilderLogo.setScaleType(ImageView.ScaleType.CENTER_INSIDE); 
//AnimationDrawable is required when you are using transition drawables
//You can directly send resource id to glide if your placeholder is static
//However if you are using GIFs, it is better to create a transition drawable in xml 
//& use it as shown in this example
AnimationDrawable animationDrawable;
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP)
animationDrawable=(AnimationDrawable)context.getDrawable(R.drawable.anim_image_placeholder);
else
animationDrawable=(AnimationDrawable)context.getResources().getDrawable(R.drawable.anim_image_placeholder);
animationDrawable.start();
Glide.with(context).load(logo_url)
.placeholder(animationDrawable)
.listener(new RequestListener<String, GlideDrawable>() {
@Override
public boolean onException(Exception e, String model, Target<GlideDrawable> target, boolean isFirstResource)
{
return false;
}
//This is invoked when your image is downloaded and is ready 
//to be loaded to the image view
@Override
public boolean onResourceReady(GlideDrawable resource, String model, Target<GlideDrawable> target, boolean isFromMemoryCache, boolean isFirstResource)
{   
//This is used to remove the placeholder image from your ImageView 
//and load the downloaded image with desired scale-type(FIT_XY in this case)
//Changing the scale type from 'CENTER_INSIDE' to 'FIT_XY' 
//will stretch the placeholder for a (very) short duration,
//till the downloaded image is loaded
//setImageResource(0) removes the placeholder from the image-view 
//before setting the scale type to FIT_XY and ensures that the UX 
//is not spoiled, even for a (very) short duration
holder.ivBuilderLogo.setImageResource(0);
holder.ivBuilderLogo.setScaleType(ImageView.ScaleType.FIT_XY);
return false;
}
})
.into( holder.ivBuilderLogo);

    Ma transition drawable (R. drawable.anim_image_placeholder) :

    (pas nécessaire si vous utilisez une image statique)

    <?xml version="1.0" encoding="utf-8"?>
<animation-list
xmlns:android="http://schemas.android.com/apk/res/android"
android:oneshot="false">
<item android:drawable="@drawable/loading_frame1" android:duration="100" />
<!--<item android:drawable="@drawable/loading_frame2" android:duration="100" />-->
<item android:drawable="@drawable/loading_frame3" android:duration="100" />
<!--<item android:drawable="@drawable/loading_frame4" android:duration="100" />-->
<item android:drawable="@drawable/loading_frame5" android:duration="100" />
<!--<item android:drawable="@drawable/loading_frame6" android:duration="100" />-->
<item android:drawable="@drawable/loading_frame7" android:duration="100" />
<!--<item android:drawable="@drawable/loading_frame8" android:duration="100" />-->
<item android:drawable="@drawable/loading_frame9" android:duration="100" />
<!--<item android:drawable="@drawable/loading_frame10" android:duration="100" />-->
</animation-list>
  4. 0

    Si j'ai bien comprendre votre problème, vous avez besoin de charger des images, mais ils doivent avoir la largeur et la hauteur plus grande que votre image d'espace réservé.
    Pour résoudre votre problème, vous devez d'abord lire la documentation pour la Glisse.
    Je ne peux pas voir votre ImageView définition dans le fichier xml, mais je pense que vous utilisez wrap_content attribut pour la largeur et la hauteur.
    Si je suis en droit, il y a un goulot d'étranglement.
    Avant le chargement des images est commencé, Glisse obtient exacte ImageView de largeur et de hauteur. Après qu'il se charge de l'image du réseau et dans le même temps, la redimensionner selon l'une des ImageView attributs(largeur ou hauteur).
    C'est pourquoi vous obtenez les petites images après le chargement.
    Pour résoudre votre problème, juste de mettre la largeur ou la hauteur de l'ImageView de la valeur que vous vous attendez à voir. Autre côté de l'image sera automatiquement calculée par la finesse de la logique.