8

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

问题是layout_width="match_parent"针对卡片和帖子图像设置的。当我得到卡片视图的宽度时，它为零。所以我无法计算高度。

目前我看到的唯一解决方案是采用父容器（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>

包含的帖子：

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

2 回答 2

7

当onBindoronViewAttachedToWindow被调用时，孩子还没有被测量，所以你不能得到宽度。即使这些电话是在测量孩子之后进行的，您尝试做的也不是一个好习惯，因为改变身高需要重新测量。

如果您使用的是 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 方法中，您根据 w/h 比率在 ImageView 上调用 setScale。

我没有测试过，但这种方法应该可以按需要工作。

于 2014-10-28T22:46:40.147 回答
0

您可以使用毕加索变换来实现这一点。

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);
于 2014-10-28T10:38:51.863 回答