後でアンドロイドで低品質と高品質の画像を読み込む方法（WhatsAppプロファイル画像のように）

Question

私が使用できるデザインパターンを探していますので、android recyclerViewで低品質ですばやく画像をロードしてから高画質画像を呼び出すと、後で低画質画像を書き込むことになります。 低画質の画像が最初に読み込まれ、その後に高画質が表示される場所がよく見られます。

しかし、これはリサイクラビューのアダプタでどのように行われますか。今私はキャッシュと画像の読み込みにピカソを使用しています。私はviewholderでこれを行う場合

http://example.com/lowQuality.jpgとhttp://example.com/highQuality.jpg

だから、recyclerViewのための私のアダプタでも同様に高品質：

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 ? 


     } 
    } 

のでので、ここでは例えば、低品質の画像へのリンクです明らかに、私は、高品質の画像がまだロードされていない限り、低品質の画像が最初に表示されることを望みます。

アップデート：私が本当に欲しいのは、低品質の画像がすぐに読み込まれ、その後数秒後に高品質に移行するアプリで見られるその効果です。これを行うための別のツールや方法がある場合は、教えてください。私はwhatsappプロファイル画像と同じ効果を望んでいます（品質が悪いから良い品質にフェードインする方法）。

Answer 1

に基づいて画像をロードします。 サムネイルとして読み込む低解像度画像を指定できます。必要なのは次のとおりです。

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

はグライドと同じ考え方であると思われる：ここsource

Answer 2

私は、あなたがWhatsAppプロフィールの写真のような効果を望むと思うと思います。私はプロセスがあなたのバックエンドに依存すると思う、元のサイズの画像を保持する別の方法とデフォルトで元の画像をサイズ変更/圧縮する方法がバックエンドにあるはずです。サーバー

$image = image.jpg 

$requestLowQuality = resizeThis($image) 

$requestHighQuality = $image. 

ため

例の擬似コードは、だからあなたのアプリがバックグラウンドで写真をロードする際に、低品質のデフォルトのバージョンをロードし..it $ requestLowQualityための非同期タスク要求。ユーザーが$ requestHighQualityのためにサーバーに、表示する

をAsynctask要求をクリックしたときにしかし、私は、これはのWhatsAppはないかと思います。そのため、写真がぼやけて品質になるまでしばらく待たなければなりません。

ピカソはちょうど私がGlideで解決策を見つけるのリクエストメソッド

グッドラックの仲間

Answer 3

で

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); 
} 

詳細情報は、私もフレスコからそれを行う方法を見つけました。この情報はフレスコ画docsです。