ANDROID Progress Dialog when Loading Image on Dialog/Popup

Question

I have this working function that load image from url. The only thing is that it shows no progress while loading the image just the screen become dimmer and after some time only the picture is shown. This makes the user think like it is not working. So how do I add progress dialog while the image is loading or any way that shows the image is loading?

public void showImage() {
    Dialog builder = new Dialog(this);
    builder.requestWindowFeature(Window.FEATURE_NO_TITLE);
    builder.getWindow().setBackgroundDrawable(
            new ColorDrawable(android.graphics.Color.TRANSPARENT));
    builder.setOnDismissListener(new DialogInterface.OnDismissListener() {
        @Override
        public void onDismiss(DialogInterface dialogInterface) {
            //nothing;
        }
    });

    ImageView imageView = new ImageView(this);
    Picasso.with(this).load("http://camranger.com/wp-content/uploads/2014/10/Android-Icon.png").into(imageView);
    builder.addContentView(imageView, new RelativeLayout.LayoutParams(
            ViewGroup.LayoutParams.MATCH_PARENT,
            ViewGroup.LayoutParams.MATCH_PARENT));
    builder.show();
}

Possible duplicate of [Animated loading image in picasso](http://stackoverflow.com/questions/24826459/animated-loading-image-in-picasso) — Janki Gadhiya, May 16 '16 at 07:22
the `.into()` method has the second argument as the callback to check if the image is loaded. Have you tried ? — vtproduction, May 16 '16 at 07:25

Jayanth · Answer 1 · 2016-05-16T07:32:47.960

try adding PlaceHolder add this to layout folder

<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>

and this to loading code

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() {

            }
        });

score 2 · Accepted Answer · edited May 16 '16 at 10:26

2

public void showImage() {
    Dialog builder = new Dialog(this);
    builder.requestWindowFeature(Window.FEATURE_NO_TITLE);
    builder.getWindow().setBackgroundDrawable(
            new ColorDrawable(android.graphics.Color.TRANSPARENT));
    builder.setOnDismissListener(new DialogInterface.OnDismissListener() {
        @Override
        public void onDismiss(DialogInterface dialogInterface) {
            //nothing;
        }
    });

    final ProgressDialog progressDialog = new ProgressDialog(this);
    ImageView imageView = new ImageView(this);
    Picasso.with(this)
            .load("http://camranger.com/wp-content/uploads/2014/10/Android-Icon.png")
            .into(imageView, new com.squareup.picasso.Callback() {
                @Override
                public void onSuccess() {

                    // The image has loaded you can make the progress bar invisible
                    if (progressDialog.isShowing())
                        progressDialog.dismiss();
                }

                @Override
                public void onError() {
                    // Show some error message
                    if (progressDialog.isShowing())
                        progressDialog.dismiss();
                }
            });


    builder.addContentView(imageView, new RelativeLayout.LayoutParams(
            ViewGroup.LayoutParams.MATCH_PARENT,
            ViewGroup.LayoutParams.MATCH_PARENT));
    builder.show();

    progressDialog.setMessage("please wait");
    progressDialog.setCancelable(false);
    progressDialog.show();
}

edited May 16 '16 at 10:26

Muhammad Luqman

55
1
9

answered May 16 '16 at 07:24

Janki Gadhiya

4,492
2
29
59

I need to declare the `progressDialog` as `final` but then the `setVisibility` cannot be resolved. – Muhammad Luqman May 16 '16 at 09:34
Now it says method does not override method from its superclass. – Muhammad Luqman May 16 '16 at 09:45
where is that error coming ?? i mean on which specific line? – Janki Gadhiya May 16 '16 at 09:46
Try my edit.. just write `com.squareup.picasso.Callback()` instead of `Callback()`. You may imported wrong package for CallBack. or tell me which package is shown as import for CallBack ?? – Janki Gadhiya May 16 '16 at 09:54
ok now its gone but another error shows up. `android.view.WindowManager$BadTokenException: Unable to add window -- token null is not for an application` – Muhammad Luqman May 16 '16 at 10:06
changed the `getApplicationContext()` into `myActivity.this` and finally works :). `this` also works. – Muhammad Luqman May 16 '16 at 10:12
Great.. Happy coding..!! :) – Janki Gadhiya May 16 '16 at 10:16

ANDROID Progress Dialog when Loading Image on Dialog/Popup

2 Answers2