Question

我有一个帖子列表，其中大部分都是图片（简单地说它就像G +或FB应用程序一样）。每个帖子条目都有一个图像宽高比，所以我甚至可以在从服务器加载图像之前根据它的宽度设置图像高度，因此卡片布局在加载时不会改变。

问题是卡片和帖子图片都设置了layout_width="match_parent"。当我获得cardview的宽度时，它为零。所以我无法计算身高。

目前我看到的唯一解决方案是获取父容器的宽度（RecyclerView）并扣除所有填充，但它看起来不是一个好的解决方案。

还有其他办法吗？

以下是适配器代码的示例

@Override
public void onBindViewHolder(ViewHolder holder, int position) {
    ....
    int width = holder.itemView.getWidth();
    ....
    //do some calculations
}

布局（没有不相关的部分）

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:id="@+id/card"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:descendantFocusability="blocksDescendants"
    android:foreground="?android:attr/selectableItemBackground"
    card_view:cardBackgroundColor="#ffffff"
    card_view:cardCornerRadius="3dp">

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <include
            android:id="@+id/includedPost"
            layout="@layout/post_details" />    
    </RelativeLayout>
</android.support.v7.widget.CardView>

includedPost：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
    <ImageView
        android:id="@+id/postImage"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/commenterImage"
        android:minHeight="120dp"
        android:scaleType="centerCrop" />

</RelativeLayout>

Answer 1

当调用onBind或onViewAttachedToWindow时，孩子不进行了测量，因此您无法获得宽度。即使这些呼叫是在测量孩子之后进行的，但是你想要做的事情也不是一个好习惯，因为改变身高需要一个新的测量。

如果您使用的是LinearLayoutManager，它将为子项提供全宽度（期望RecyclerView填充和子页边距）。从那里获得你的身高并不好，但可以。

另一种（更灵活的）方法是创建一个保持纵横比的自定义ImageView。调用onBind时，您将设置自定义ImageView的所需宽高比。当调用on measure时，它将根据您的宽高比进行测量。

class MyImageView extends ImageVIew {
      ....
      private float mScale = 1f;

      public void setScale(int scale) {
          mScale = scale;
      }

      @Override
      protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

          super.onMeasure(widthMeasureSpec, heightMeasureSpec);

          int width = getMeasuredWidth();
          setMeasuredDimension(width, width * mScale);
      }
}

因此，在你的onBind方法中，你可以在ImageView上调用setScale，具体取决于你的w / h比率。

我没有测试，但这种方法应该可以正常工作。

Answer 2

您可以使用Picasso Transformation来实现这一目标。

FitToTargetViewTransformation类：

import android.graphics.Bitmap;
import android.view.View;

import com.squareup.picasso.Transformation;

/**
 * Picasso Transformation class to fit image to target View size
 */
public class FitToTargetViewTransformation implements Transformation {
  private View view;

  public FitToTargetViewTransformation(View view) {
    this.view = view;
  }

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

    double aspectRatio = (double) source.getHeight() / (double) source.getWidth();
    int targetHeight = (int) (targetWidth * aspectRatio);
    if (source.getHeight() >= source.getWidth()) {
      return source;
    }
    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";
  }
}

在onBindViewHolder的某个地方，你可以这样做：

Picasso.with(context)
    .load(AVATAR_ENDPOINT)
    .transform(new FitToTargetViewTransformation(feedViewHolder.icAvatar))
    .into(feedViewHolder.icAvatar);

在Adapter.onBindViewHolder中获取CardView的宽度

2 个答案: