চিত্রটি পূর্ণ প্রস্থে এবং পিকাসোর সাথে পরিবর্তনশীল উচ্চতায় পুনরায় আকার দিন

Question 1

আমার সাথে একটি অ্যাডাপ্টার সহ একটি তালিকাভিউ রয়েছে ImageView যা ভেরিয়েবল আকার (প্রস্থ এবং উচ্চতা) । আমার পিকাসোর সাথে চিত্রের লোডটির আকারের আকারের অনুপাত দ্বারা সর্বাধিক প্রস্থের লেআউটের এবং একটি পরিবর্তনশীল উচ্চতা দিয়ে আকার পরিবর্তন করতে হবে।

আমি এই প্রশ্নটি যাচাই করেছি: পিকাসোর সাথে চিত্রটিকে পূর্ণ প্রস্থ এবং স্থির উচ্চতায় পুনরায় আকার দিন

দ্য fit()কাজ কিন্তু আমি ছবি অনুপাত রাখতে কিছুই পাই নি।

এই কোডটি আংশিকভাবে কাজ করে যদি আমি অ্যাডাপ্টারের বিন্যাসে উচ্চতা নির্ধারণ করি:

Picasso.with(this.context).load(message_pic_url)
.placeholder(R.drawable.profile_wall_picture)
.fit().centerInside()
.into(holder.message_picture);

তবে এটি তালিকাভিত্তিক চিত্রগুলির মধ্যে ফাঁকা স্থান তৈরি করে কারণ ছবিগুলি এর উচ্চতা নাও থাকতে পারে।

আগাম ধন্যবাদ.

Question 2

পিকাসো ২.৪.০ হিসাবে, এই অপারেশনটি এখন সরাসরি সমর্থিত । কেবল .resize()মাত্রা হিসাবে একটি অনুরোধ যোগ করুন 0। উদাহরণস্বরূপ, পরিবর্তনশীল প্রস্থের জন্য, আপনার কলটি হয়ে উঠবে:

Picasso.with(this.context)
       .load(message_pic_url)
       .placeholder(R.drawable.profile_wall_picture)
       .resize(0, holder.message_picture.getHeight()),
       .into(holder.message_picture);

নোট করুন যে এই কলটি ব্যবহার করে .getHeight()এবং সুতরাং ধরে নেওয়া হয়েছে message_pictureযে ইতিমধ্যে পরিমাপ করা হয়েছে। যদি এটি না হয়, যেমন আপনি যখন একটিতে একটি নতুন ভিউকে স্ফীত করেছেন, তখন আপনি ভিউটিতে একটি ListAdapterযোগ করে পরিমাপের পরে এই কলটি বিলম্ব করতে পারেন OnGlobalLayoutListener:

holder.message_picture.getViewTreeObserver()
      .addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
            // Wait until layout to call Picasso
            @Override
            public void onGlobalLayout() {
                // Ensure we call this only once
                imageView.getViewTreeObserver()
                         .removeOnGlobalLayoutListener(this);


                Picasso.with(this.context)
                       .load(message_pic_url)
                       .placeholder(R.drawable.profile_wall_picture)
                       .resize(0, holder.message_picture.getHeight())
                       .into(holder.message_picture);
            }
        });

Question 3

আমি একই ইস্যুটি জুড়ে এসেছি এবং সমাধানটি সন্ধান করতে আমার কিছুটা সময় নিয়েছে তবে অবশেষে আমি আমার পক্ষে কাজ করে এমন কিছু বিষয় পেলাম।

প্রথমত আমি পিকাসোর কলটিতে পরিবর্তন করেছি

Picasso.with(this.context).load(message_pic_url)
.placeholder(R.drawable.profile_wall_picture)
.into(holder.message_picture);

fitএবং অপসারণ করা হচ্ছে centerInside। এরপরে আপনাকে আপনার এক্সএমএলে ইমেজভিউতে নিম্নলিখিত লাইনগুলি যুক্ত করতে হবে

android:scaleType="fitStart"
android:adjustViewBounds="true"

আশা করি এটি আপনার পক্ষেও কাজ করবে।

Question 4

অবশেষে আমি এটি পিকাসোর রূপান্তর করে সমাধান করেছি, এখানে স্নিপেটটি রয়েছে:

    Transformation transformation = new Transformation() {

        @Override
        public Bitmap transform(Bitmap source) {
            int targetWidth = holder.message_picture.getWidth();

            double aspectRatio = (double) source.getHeight() / (double) source.getWidth();
            int targetHeight = (int) (targetWidth * aspectRatio);
            Bitmap result = Bitmap.createScaledBitmap(source, targetWidth, targetHeight, false);
            if (result != source) {
                // Same bitmap is returned if sizes are the same
                source.recycle();
            }
            return result;
        }

        @Override
        public String key() {
            return "transformation" + " desiredWidth";
        }
    };

    mMessage_pic_url = message_pic_url;

    Picasso.with(this.context)
        .load(message_pic_url)
        .error(android.R.drawable.stat_notify_error)
        .transform(transformation)
        .into(holder.message_picture, new Callback() {
            @Override
            public void onSuccess() {
                holder.progressBar_picture.setVisibility(View.GONE);
            }

            @Override
            public void onError() {
                Log.e(LOGTAG, "error");
                holder.progressBar_picture.setVisibility(View.GONE);
            }
    });

এই লাইনটি আপনার পছন্দসই প্রস্থের সাথে কাস্টমাইজ করার জন্য:

int targetWidth = holder.message_picture.getWidth();

অতিরিক্তভাবে এই স্নিপড পিকাসোর অন্তর্নির্মিত আড়াল এবং ত্রুটি আঁকতে লোড করার জন্য কলব্যাক অন্তর্ভুক্ত।

আপনার যদি কোনও ত্রুটি ডিবাগ করার জন্য আরও তথ্যের প্রয়োজন হয় তবে আপনাকে একটি কাস্টম শ্রোতা (পিকাসো নির্মাতা) কার্যকর করতে হবে onError Callback তথ্যটি "নাল"আপনি কেবল জানেন যে ইউআই আচরণের জন্য একটি ত্রুটি রয়েছে।

আমি আশা করি এটি কাউকে অনেক ঘন্টা বাঁচাতে সহায়তা করে।

Question 5

মে গৃহীত উত্তর সকলের জন্য দরকারী কিন্তু আপনি একাধিক বাঁধাই হয় ViewHolderএকাধিক জন্য Viewsতারপর আপনার জন্য ক্লাস তৈরি করে আপনার কোড কমে যায় ট্রান্সফরমেসন এবং ক্ষণস্থায়ী ImageView থেকে ViewHolder।

/**
 * Created by Pratik Butani
 */
public class ImageTransformation {

    public static Transformation getTransformation(final ImageView imageView) {
        return new Transformation() {

            @Override
            public Bitmap transform(Bitmap source) {
                int targetWidth = imageView.getWidth();

                double aspectRatio = (double) source.getHeight() / (double) source.getWidth();
                int targetHeight = (int) (targetWidth * aspectRatio);
                Bitmap result = Bitmap.createScaledBitmap(source, targetWidth, targetHeight, false);
                if (result != source) {
                    // Same bitmap is returned if sizes are the same
                    source.recycle();
                }
                return result;
            }

            @Override
            public String key() {
                return "transformation" + " desiredWidth";
            }
        };
    }
}

থেকে কল করা ViewHolder:

Picasso.with(context).load(baseUrlForImage)
                     .transform(ImageTransformation.getTransformation(holder.ImageView1))
                     .error(R.drawable.ic_place_holder_circle)
                     .placeholder(R.drawable.ic_place_holder_circle)
                     .into(holder.mMainPhotoImageView1);

আশা করি এটা তোমাকে সাহায্য করবে.

Question 6

    Picasso.with(this).load(url).resize(1800, 1800).centerInside().into(secondImageView)

    <ImageView
        android:id="@+id/SecondImage"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentStart="true"
        android:layout_alignParentLeft="true"
        android:adjustViewBounds="true"
        android:layout_margin="10dp"
        android:visibility="gone"/>

এটি আপনাকে সমস্ত ডিভাইসের জন্য চিত্রের পরিবর্তনশীল উচ্চতা নিয়ে সহায়তা করবে

Question 7

আমি সরল সহায়ক লিখেছি যা লেআউট সম্পূর্ণ শ্রোতা যুক্ত করার বিষয়ে যত্ন নেয় এবং লেআউট প্রক্রিয়াটি সম্পূর্ণ হওয়ার পরে (ইমেজভিউ) কল করে।

public class PicassoDelegate {

private RequestCreator mRequestCreator;

public PicassoDelegate(ImageView target, RequestCreator requestCreator) {
    if (target.getWidth() > 0 && target.getHeight() > 0) {
        complete(target, requestCreator);
    } else {
        mRequestCreator = requestCreator;
        target.addOnLayoutChangeListener(new View.OnLayoutChangeListener() {
            @Override
            public void onLayoutChange(View v, int left, int top, int right, int bottom, int oldLeft, int oldTop, int oldRight, int oldBottom) {
                v.removeOnLayoutChangeListener(this);
                complete((ImageView) v, mRequestCreator);
            }
        });

    }

}

private void complete(ImageView target, RequestCreator requestCreator) {
    if (target.getWidth() > 0 && target.getHeight() > 0) {
        requestCreator.resize(target.getWidth(), target.getHeight());
    }

    requestCreator.into(target);
}

}

সুতরাং আপনি সহজেই এটি সহজেই ব্যবহার করতে পারেন উদাহরণস্বরূপ খণ্ডের অনভিউতে তৈরি ()

new PicassoDelegate(customerPhoto, Picasso.with(getActivity()).load(user.getPhotoUrl()).centerCrop());

Question 8

imageView.post(new Runnable() {
      @Override public void run() {
        Picasso.with(context)
            .resize(0, imageView.getHeight())
            .onlyScaleDown()
            .into(imageView, new ImageCallback(callback, null));
      }
    });

Question 9

public class CropSquareTransformation implements Transformation {

  private int mWidth;
  private int mHeight;

  @Override public Bitmap transform(Bitmap source) {
    int size = Math.min(source.getWidth(), source.getHeight());

    mWidth = (source.getWidth() - size) / 2;
    mHeight = (source.getHeight() - size) / 2;

    Bitmap bitmap = Bitmap.createBitmap(source, mWidth, mHeight, size, size);
    if (bitmap != source) {
      source.recycle();
    }

    return bitmap;
  }

  @Override public String key() {
    return "CropSquareTransformation(width=" + mWidth + ", height=" + mHeight + ")";
  }

আরও রূপান্তর: https://github.com/wasabeef/picasso-transformations

Question 10

ইমেজভিউ প্রসারিত করুন তারপরে নীচের মতো onMeasure পদ্ধতিটি ওভাররাইড করুন।

@Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec){
        Drawable d = getDrawable();

        if(d!=null && fittingType == FittingTypeEnum.FIT_TO_WIDTH){
            int width = MeasureSpec.getSize(widthMeasureSpec);
            int height = (int) Math.ceil((float) width * (float) d.getIntrinsicHeight() / (float) d.getIntrinsicWidth());
            setMeasuredDimension(width, height);
        }else{
            super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        }
    }

Question 11

প্রকৃতপক্ষে আমি কাস্টমআইমেজভিউতে চিত্রটি লোড করার সময় প্রবেশ করছিলাম যার মধ্যে চিড়িয়াখানা কার্যকর ছিল

ত্রুটি ছিল

java.lang.RuntimeException: Transformation transformation desiredWidth crashed with exception.

আমি এটি গ্রহণযোগ্য উত্তর থেকে প্রদত্ত কোড সম্পাদনা করে সমাধান করেছি আমি আমার ডিসপ্লেটির সর্বোচ্চ প্রস্থ পেয়েছি যেন আমার ইমেজভিউ প্রস্থ ইতিমধ্যে ম্যাচ_প্যারেন্ট ছিল।

যদি (! imgUrl.equals ("")) {

        DisplayMetrics displayMetrics = new DisplayMetrics();
        ((Activity) context).getWindowManager().getDefaultDisplay().getMetrics(displayMetrics);
        int height = displayMetrics.heightPixels;
        int width = displayMetrics.widthPixels;

        Picasso.with(context).load(imgUrl)
                .transform(getTransformation(width, imageView))
                .into(imageView, new Callback() {
                    @Override
                    public void onSuccess() {
                        if (progressBar != null) {
                            progressBar.setVisibility(View.GONE);
                        }
                    }

                    @Override
                    public void onError() {
                        if (progressBar != null) {
                            progressBar.setVisibility(View.GONE);
                        }
                    }
                });
    }

    public static Transformation getTransformation(final int width, final ImageView imageView) {
        return new Transformation() {
            @Override
            public Bitmap transform(Bitmap source) {
                int targetWidth = width;
                double aspectRatio = (double) source.getHeight() / (double) source.getWidth();
                int targetHeight = (int) (targetWidth * aspectRatio);
                Bitmap result = Bitmap.createScaledBitmap(source, targetWidth, targetHeight, false);
                if (result != source) {
                    // Same bitmap is returned if sizes are the same
                    source.recycle();
                }
                return result;
            }

            @Override
            public String key() {
                return "transformation" + " desiredWidth";
            }
        };
    }

Question 12

Picasso.get()
.load(message_pic_url)
.fit()
.centerCrop()
.placeholder(R.drawable.profile_wall_picture)
.into(holder.message_picture);

এই কোডটি ব্যবহার করে দেখুন, আমার জন্য কাজ করেছেন।

Question 13

@Override
    protected void onResume() {
        super.onResume();

        imageView.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
            @Override
            public void onGlobalLayout() {
                loadImageIfReady();
            }
        });

    }

    private void loadImageIfReady() {
        if (imageView.getMeasuredWidth() <= 0 || mPayload == null)
            this.finish();    // if not ready GTFO

        Picasso.with(this)
                    .load(mPayload)
                    .resize(imageView.getMeasuredWidth(), imageView.getMeasuredWidth())
                    .centerInside()
                    .into(imageView);


    }