Question

我在ImageView中有一个GridLayout，它显示了从Url加载的图像。 GridLayout有2列，并且全部延伸到整个屏幕。我需要在不更改纵横比的情况下可见整个图像。由于屏幕宽度在许多设备上可能会有所不同，因此我需要根据ImageView的宽度（需要填充GridLayout）和下载的图像的长宽比来计算高度。

我的想法是将ImageView的宽度设置为match_parent，将高度设置为wrap_content，然后告诉滑行，我想计算高度以适合图像的长宽比，但我为此很努力。

到目前为止，我的布局是这样的：

<ImageView
    android:id="@+id/list_item_image"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:scaleType="fitCenter" />

这在适配器中：

Glide.with(viewHolder.imageView.getContext())
                    .load(item.getImageUrl())
                    .apply(new RequestOptions().error(R.color.black_one))
                    .into(viewHolder.imageView);

Answer 1

我在此article中找到了解决方案。使用 ConstraintLayout 可以使用 app:layout_constraintDimensionRatio 参数。您需要将尺寸之一设置为 0dp ，然后只需选择所需的比例即可。

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="0dp"
        android:src="@drawable/top_image"
        app:layout_constraintDimensionRatio="16:9"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"/>

</android.support.constraint.ConstraintLayout>

Answer 2

我相信您正在寻找的是像instagram feed这样加载图像，以固定宽度动态调整高度，而不裁剪内容。然后设置高度以包装内容，宽度以匹配父级，并将adjustViewBounds设置为true。

  <ImageView
        android:id="@+id/imageView"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:adjustViewBounds="true"
        android:minHeight="200dp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent" />

android：adjustViewBounds参数具有动态设置imageview高度的魔力。

使用Glide

2 个答案: