Wie niedrige Qualität und dann qualitativ hochwertiges Bild danach in Android (wie WhatsApp Profil-Bild)

Question

ich für ein Entwurfsmuster bin auf der Suche laden i i Bilder schnell bei niedriger Qualität und machen dann auch geladen werden kann, so dass in Android recyclerView verwenden kann Ein Anruf für ein Bild mit hoher Qualität wird über das Bild niedriger Qualität später schreiben. Ich sehe es oft, wo zuerst ein Bild niedriger Qualität geladen wird und dann die hohe Qualität erscheint.

Aber wie ist das im Adapter für die Recycler-Ansicht gemacht. Im Moment benutze ich Picasso für den Cache und das Laden von Bildern. so zum Beispiel hier ist ein Link zu einem Bild geringen Qualität:

http://example.com/lowQuality.jpg und ebenfalls hohe Qualität http://example.com/highQuality.jpg

Also in meinem Adapter für die recyclerView wenn ich dies tue in dem viewholder:

public class SearchItemHolder extends RecyclerView.ViewHolder { 

     @BindView(R.id.iv) 
     ImageView iv; 

     @BindView(R.id.tv_description) 
     TextView tv_description; 

     public SearchItemHolder(View view) { 
      super(view); 
      ButterKnife.bind(this, view); 
     } 

     public void bindSearch(final SearchModel searchModel) { 

      String description = searchModel.getProductName(); 
      final String imageLowQualityIDUrl = searchModel.getIdLowQualityImage(); 
      final String imageHighQualityIDUrl = searchModel.getIdHighQualityImage(); 

      tv_price.setText(price); 
      tv_description.setText(description); 



      Picasso.with(mContext).load(imageLowQualityIDUrl).into(iv); 
//but how to switch it to high quality URL after its finished loading ? 


     } 
    } 

so Um klar zu sein, möchte ich, dass das Bild mit niedriger Qualität zuerst angezeigt werden kann, solange das Bild mit hoher Qualität noch nicht geladen ist.

Update: Was ich wirklich will, ist dieser Effekt i auf apps sehen, wo die niedrige Bildqualität lädt schnell dann nach wenigen Sekunden auf eine höhere Qualität übergeht. Wenn es ein anderes Werkzeug oder eine andere Möglichkeit gibt, lass es mich wissen. Ich möchte den gleichen Effekt wie das Whatsapp-Profilbild (wie es von schlechter Qualität zu guter Qualität verblasst). wie WhatsApp profile pic

Answer 1

Ich finde Lösung mit Glide. Sie können ein Bild mit niedriger Auflösung angeben, das als Miniaturbild geladen werden soll. Alles, was Sie brauchen, ist:

private void loadImageThumbnailRequest() { 
// setup Glide request without the into() method 
DrawableRequestBuilder<String> thumbnailRequest = Glide 
    .with(context) 
    .load(yourData.getLowQualityLink()); 

// pass the request as a a parameter to the thumbnail request 
Glide 
    .with(context) 
    .load(yourData.getHdUrl()) 
    .thumbnail(thumbnailRequest) 
    .into(imageView); 
} 

Mehr Informationen in source hier

Answer 2

Ich glaube, ich verstehe, Sie wirken wollen. Ich denke, der Prozess hängt von Ihrem Backend ab, es sollte eine Methode in Ihrem Backend geben, die das Originalbild standardmäßig skaliert/komprimiert und eine andere Methode, die das Originalbild beibehält.

Beispiel psuedocode für Server

$image = image.jpg 

$requestLowQuality = resizeThis($image) 

$requestHighQuality = $image. 

Also, wenn Sie Ihre App lädt das Bild im Hintergrund, die Async Aufgabenanfrage für $ requestLowQuality .it die niedrige Qualität Standardversion lädt. Aber wenn Benutzer klickt, um anzuzeigen, fordert eine Asynctask an den Server für $ requestHighQuality

Ich denke, das ist, wie WhatsApp tut. Deshalb muss man eine Weile warten, bis die unscharfe Abbildung zur Qualität wird.

Picasso lädt nur die Bilder basierend auf den Anforderungsmethoden

Goodluck bro

Answer 3

Ich fand auch heraus, wie es von Fresko zu tun:

Uri lowResUri, highResUri; 
DraweeController controller = Fresco.newDraweeControllerBuilder() 
    .setLowResImageRequest(ImageRequest.fromUri(lowResUri)) 
    .setImageRequest(ImageRequest.fromUri(highResUri)) 
    .setOldController(mSimpleDraweeView.getController()) 
    .build(); 
mSimpleDraweeView.setController(controller); 

scheint die gleiche Idee wie gleiten zu sein. Diese Information ist von Fresko docs.