Display drawable exactly the size of the imageView to use as a placeholder

Question

Friends I have checked get drawable exactly the size of the imageView to use as a placeholder

But it did not help me

My problem is I want to display a place holder exactly of the image size

The Image size is dynamic , I am getting the image height and width from server , using that I am calculating adjusted width and height

For Example in one row of list I have to display 400 * 300 size of image and in another row I have to display 700 * 500 size of image

Now I want the place holder should fill the area 400*300 in first case and 700*500 in second case , This thing I am not able to achieve ,

How can I achieve this ?

mDisplayImageOptions = new DisplayImageOptions.Builder()
                .resetViewBeforeLoading(true)
                .imageScaleType(ImageScaleType.EXACTLY)
                .showImageOnLoading(R.drawable.test_user)
                .cacheInMemory(true)
                .cacheOnDisk(true)
                .build();



    mAdjustedWidth = mWindowWidth - 10;
            mAdjustedHeight = 400;
            try {
                int width = cursor.getInt(cursor.getColumnIndexOrThrow(TalkTable.TALK_TWIDTH));
                if(width > 0) {
                    mAdjustedHeight = (mAdjustedWidth * cursor.getInt(cursor.getColumnIndexOrThrow(TalkTable.TALK_THEIGHT))) / width;
                }
            }catch (Exception ex){
                ex.printStackTrace();
            }
            talkImageView.getLayoutParams().height = mAdjustedHeight;
            talkImageView.getLayoutParams().width = mAdjustedWidth;
            talkImageView.requestLayout();

 mImageLoader.displayImage(talkImageThumbnil,talkImageView,mTalksDisplayImageOptions,new SimpleImageLoadingListener(){
                @Override
                public void onLoadingStarted(String imageUri, View view) {
                    // ProgressBar progressBar1 = (ProgressBar)progressBar.getTag();
                    //progressBar1.setVisibility(View.VISIBLE);
                    talkImageView.getLayoutParams().height = mAdjustedHeight;
                    talkImageView.getLayoutParams().width = mAdjustedWidth;
                    talkImageView.requestLayout();
                    talkImageView.setImageResource(R.drawable.image_place_holder);
                    Log.d(TAG, " Progress bar  visisble ");
                }

                @Override
                public void onLoadingFailed(String imageUri, View view, FailReason failReason) {
                    //ProgressBar progressBar1 = (ProgressBar)progressBar.getTag();
                    //progressBar1.setVisibility(View.GONE);
                }

                @Override
                public void onLoadingComplete(String imageUri, View view, Bitmap loadedImage) {
                    //ProgressBar progressBar1 = (ProgressBar)progressBar.getTag();
                    //progressBar1.setVisibility(View.GONE);
                }

                @Override
                public void onLoadingCancelled(String imageUri, View view) {
                    //ProgressBar progressBar1 = (ProgressBar)progressBar.getTag();
                    //progressBar1.setVisibility(View.GONE);
                }

            });

XML Image View

I am struggling for this from days , please help me

Place holder look like this before image download

enter image description here

Once Image dowloaded it look like below image

enter image description here

I want that the place holder should fill the exact height and width of the image which is about to display

"My problem is I want to display a place holder exactly of the image size" what image size? what is your problem actually? — pskink, Jul 12 '15 at 19:37
@psink The image size is dynamic it could be any size server sends me the size and I calculate it and adjust the height accordingly — Naga, Jul 12 '15 at 19:38
the height of what? post some images describing your issue maybe? — pskink, Jul 12 '15 at 19:41
@psink I have edited question and added use case please have a look — Naga, Jul 12 '15 at 19:46
so post an image with what you are getting with android:adjustViewBounds — pskink, Jul 12 '15 at 19:54
so make the `Drawable` that returns intrinsic width / heigh exactly as your image size — pskink, Jul 12 '15 at 20:20
I did it as per my understanding ..can u please post an answer with code ... — Naga, Jul 12 '15 at 20:24
you can also use `ShapeDrawable` which has methods for that, read carefully `ShapeDrawable`'s docs — pskink, Jul 12 '15 at 20:24
Okay great I will read Shapedrawable ..so we can not achieve this using imageview — Naga, Jul 12 '15 at 20:27
Okay ..can u please help me with this I really learning ui in Android ..please — Naga, Jul 12 '15 at 20:31

score 0 · Answer 1 · answered Jul 12 '15 at 19:27

0

Set the scale type of your ImageView to fitCenter ?

answered Jul 12 '15 at 19:27

BladeCoder

12,779
3
59
51

I was suggesting to use fitCenter because it adjusts the image to the ImageView, enlarging it if necessary while keeping the aspect ratio. – BladeCoder Jul 12 '15 at 19:32
I did it but still behaviour is same – Naga Jul 12 '15 at 19:33
I have edited the code , I have tried that also but it is not working – Naga Jul 12 '15 at 19:35
What's the issue? Do you want to stretch the placeholder image? Use fitXY in that case. – BladeCoder Jul 12 '15 at 19:36

Display drawable exactly the size of the imageView to use as a placeholder

1 Answers1