web-dev-qa-db-ja.com

Android Picasso-プレースホルダーとエラー画像のスタイル設定

ネットワークからの画像のダウンロードにPicassoライブラリを使用しています。進行状況ダイアログまたはGIFイメージをプレースホルダーとして使用できるかどうか疑問に思っています。また、プレースホルダーの画像を、ダウンロードされる実際の画像よりも小さく（中央に収まるように）する方法に関するアイデアはありますか？

サンプルを試してみましたが、運はありませんでした。これが機能するようになった人はいますか？

androidimage-loadingpicasso
37
suresh cheemalamudi

Picasso呼び出しで* .placeholder（R.drawable.image_name）*を使用して、プレースホルダー画像を使用できます。

Picasso.with(context)
       .load(imageUrl)
       .placeholder(R.drawable.image_name)

プレースホルダーイメージの代わりにプログレスバーを使用する場合は、。into関数内にコールバックを作成できます。次のようなことを行います。

あなたの見解では：

//create the progressBar here and set it to GONE. This can be your adapters list item view for example
<RelativeLayout
    Android:id="@+id/myContainer"
    Android:layout_width="wrap_content"
    Android:layout_height="wrap_content">


    <ProgressBar
        Android:id="@+id/progressBar"
        style="?android:attr/progressBarStyleSmall"
        Android:layout_width="wrap_content"
        Android:layout_height="wrap_content"
        Android:layout_gravity="center"
        Android:visibility="gone"
        Android:layout_centerHorizontal="true"
        Android:layout_centerVertical="true"
        Android:layout_marginTop="20dp"
        Android:layout_marginBottom="20dp"/>

    <ImageView
        Android:id="@+id/myImageView"
        Android:layout_width="60dp"
        Android:layout_height="60dp"
        Android:layout_gravity="center"
        Android:layout_margin="5dp"
        Android:paddingLeft="60dp"
        Android:scaleType="centerCrop"></ImageView>

</RelativeLayout>

アダプタ/クラス内：

//create a new progress bar for each image to be loaded
ProgressBar progressBar = null;
if (view != null) {
   progressBar = (ProgressBar) view.findViewById(R.id.progressBar);
   progressBar.setVisibility(View.VISIBLE);
}

//get your image view
ImageView myImage = (ImageView) view.findViewById(R.id.myImageView);

//load the image url with a callback to a callback method/class
Picasso.with(context)
            .load(imageUrl)
            .into(myImage,  new ImageLoadedCallback(progressBar) {
                    @Override
                    public void onSuccess() {
                        if (this.progressBar != null) {
                            this.progressBar.setVisibility(View.GONE);
                         }
                    }
              });

上記のようにアダプタ/クラス内にコールバック用の内部クラスを作成します：

private class ImageLoadedCallback implements Callback {
   ProgressBar progressBar;

    public  ImageLoadedCallback(ProgressBar progBar){
        progressBar = progBar;
    }

    @Override
    public void onSuccess() {

    }

    @Override
    public void onError() {

    }
}

これが理にかなっていることを願っています！

94
Chris

イメージのダウンロードまでの進行状況ダイアログを実装しましたが、非常に簡単です。 ImageViewを相対的なレイアウトにして、同じ画像ビューにプログレスローダーを配置します。以下のコードを適用し、進行状況ダイアログの可視性のみを処理します。

                holder.loader.setVisibility(View.VISIBLE);
                holder.imageView.setVisibility(View.VISIBLE);
                final ProgressBar progressView = holder.loader;
                Picasso.with(context)
                .load(image_url)
                .transform(new RoundedTransformation(15, 0))
                .fit()
                .into(holder.imageView, new Callback() {
                    @Override
                    public void onSuccess() {
                        progressView.setVisibility(View.GONE);
                    }

                    @Override
                    public void onError() {
                        // TODO Auto-generated method stub

                    }
                });
            }

それが誰かを助けることを願っています！ :)

15
Akanksha Rathore

進行状況バーを表示するのは非常に簡単です。

このコードをアクティビティに追加して、進行状況バー付きの画像を読み込みます。

Picasso.with(this)
            .load(hoteImageStr)
            .error(R.drawable.loading)
            .into(img,  new com.squareup.picasso.Callback() {
                @Override
                public void onSuccess() {
                    if (progress != null) {
                        progress .setVisibility(View.GONE);
                    }
                }

                @Override
                public void onError() {

                }
            });

これをレイアウトファイルに追加します。

 <RelativeLayout
    Android:id="@+id/hoteldetails_myContainer"
    Android:layout_width="fill_parent"
    Android:layout_height="fill_parent"
   >


    <ProgressBar
        Android:id="@+id/hoteldetails_progressBar"
        style="?android:attr/progressBarStyleSmall"
        Android:layout_width="50dp"
        Android:layout_height="50dp"
        Android:layout_gravity="center"
        Android:visibility="gone"
        Android:layout_centerHorizontal="true"
        Android:layout_centerVertical="true"
        Android:layout_marginTop="20dp"
        Android:layout_marginBottom="20dp" />

    <ImageView
        Android:id="@+id/hoteldetails_imageView1"
        Android:layout_width="fill_parent"
        Android:layout_height="fill_parent"
        Android:scaleType="fitXY"
        />

</RelativeLayout>
12
Yash Bhardwaj

最初に次のような描画可能なレイアウトを作成します。
progress_animation.xml：

<?xml version="1.0" encoding="utf-8"?>

<animated-rotate xmlns:Android="http://schemas.Android.com/apk/res/Android"
    Android:drawable="@drawable/loading"
    Android:pivotX="50%"
    Android:pivotY="50%"/>


add loading.png描画可能に
loading.png
使用法：

Picasso.with(context).load(imageUri).placeholder(R.drawable.progress_animation).into(imgView);
9
Hamid

コトリン

val circularProgressDrawable = CircularProgressDrawable(context)
circularProgressDrawable.strokeWidth = 5f
circularProgressDrawable.centerRadius = 30f
circularProgressDrawable.start()
Picasso.get().load(imageUrl).placeholder(circularProgressDrawable).into(holder.imageView)

上記のコードはxmlコードを排除し、クリーンです。

4
percy-g2

Picassoライブラリに加えてProgressBarをセットアップし、リスナーを使用して手動で可視性を管理する必要があります。

UniversalImageLoaderを使用していますが、Picassoライブラリは非常に似ているはずです。

private ImageLoadingListener photoSuccess = new ImageLoadingListener() {

    @Override
    public void onLoadingStarted(String imageUri, View view) {
    }

    @Override
    public void onLoadingFailed(String imageUri, View view,
            FailReason failReason) {
        if(progress != null)
            progress.setVisibility(View.GONE);
    }

    @Override
    public void onLoadingComplete(String imageUri, View view, Bitmap loadedImage) {
        if(progress != null)
            progress.setVisibility(View.GONE);
        if(mImage != null)
            mImage.setVisibility(View.VISIBLE);
    }

    @Override
    public void onLoadingCancelled(String imageUri, View view) {
    }
};
1
tasomaniac