在Recycerview StaggeredGridLayout中使用Picasso加载图像之前如何设置ImageView的高度和宽度

Question

我希望在用Picasso加载图像之前设置ImageView高度。试图阻止父视图将其高度更改为图像。我得到了图像的高度和宽度，并将其设置在毕加索内部，然后将其缩小。

如何根据＆＃34; webformatHeight＆＃34;来缩放ImageView。和＆＃34; webformatWidth＆＃34;在用Picasso加载图像之前防止调整大小。

数据

{
    ...
    "hits":[
        {
            "webformatHeight":426,
            "webformatWidth":640,
            "webformatURL":"https://pixabay.com/get/eb32b5062dfd013ed95c4518b74a4291ea77ead204b0144190f8c478a2ebb3_640.jpg",
            ...
        },
        ...
    ]
}

回收商实施

RecyclerView recycler = (RecyclerView) findViewById(R.id.recycler);
mPixabayAdapter = new PixabayAdapter();
recycler.setLayoutManager(new StaggeredGridLayoutManager(2, StaggeredGridLayoutManager.VERTICAL));
recycler.setAdapter(mPixabayAdapter);

ViewHolder

class ViewHolder extends RecyclerView.ViewHolder {

    private ImageView mImage;
    private TextView mTitle;

    private ViewHolder(View view) {
        super(view);
        mImage = view.findViewById(R.id.image);
        mTitle = view.findViewById(R.id.title);
    }

    void bindView() {
        ColorDrawable[] shotLoadingPlaceholders = new ColorDrawable[]{new ColorDrawable(ContextCompat.getColor(itemView.getContext(), R.color.background_light))};
        Hit hit = mHitList.get(getAdapterPosition());
        mTitle.setText(hit.getUser());
        Picasso
                .with(mImage.getContext())
                .load(hit.getWebformatURL())
                .placeholder(shotLoadingPlaceholders[0])
                .resize(hit.getImageWidth(), hit.getImageHeight())
                .priority(Picasso.Priority.HIGH)
                .onlyScaleDown()
                .into(mImage);
    }
}

XML

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:padding="4dp">

    <ImageView
        android:id="@+id/image"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:adjustViewBounds="true" />

    <TextView
        android:id="@+id/title"
        android:layout_width="match_parent"
        android:layout_height="48dp"
        android:layout_below="@+id/image"
        android:background="@color/background_light"
        android:fontFamily="sans-serif-medium"
        android:gravity="center_vertical"
        android:maxLines="1"
        android:paddingLeft="16dp"
        android:paddingRight="16dp"
        android:textColor="@color/white_light"
        android:textSize="13sp" />
</RelativeLayout>

Answer 1

按width/height计算图像的纵横比，并将ImageView包装在以下内容中：

public class PixabayImageView extends AppCompatImageView {
    private float aspectRatio = 1.77f;

    public PixabayImageView(Context context) {
        super(context);
    }

    public PixabayImageView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
    }

    public void setAspectRatio(float ratio) {
        aspectRatio = ratio;
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        final int width = MeasureSpec.getSize(widthMeasureSpec);
        heightMeasureSpec = MeasureSpec.makeMeasureSpec((int) (width * aspectRatio), MeasureSpec.EXACTLY);
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }
}

在ViewHolder中生成宽高比

class ViewHolder extends RecyclerView.ViewHolder {

    private PixabayImageView mImage;
    ...
    private ViewHolder(View view) {
        super(view);
        mImage = view.findViewById(R.id.image);
        ...
    }

    private void bindView() {
        final Hit hit = mHitList.get(getAdapterPosition());
        float p1 = (float) hit.getWebformatHeight() / hit.getWebformatWidth();
        mImage.setAspectRatio(p1);
        ...
    }
}

Answer 2

你可以在bindView上设置ImageView的layoutParams，宽度和hight类就像这样。

RelativeLayout.LayoutParams layoutParams = new RelativeLayout.LayoutParams(hit.getImageWidth(), hit.getImageHeight());
mImage.setLayoutParams(layoutParams);

问候。