ConstraintLayout：无法在RecyclerView中按比例缩放图像

Question

• 我有一个使用StaggeredGridLayoutManager的回收视图。
• 在其中，我有自定义的项目/视图。
• 每个项目都被定义为一个ConstraintLayout，在其中有一个图像，该图像应具有恒定的纵横比。
• 但是这个图像仍然能够缩放以适应每个跨度的宽度。
• 然后高度应根据比例进行调整。

但不知何故，图像未能保持纵横比。

以下是创建回收视图的XML文件和代码：

item.xml

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


    <ImageView
        android:id="@+id/image"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:adjustViewBounds="true"
        android:scaleType="centerCrop"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintDimensionRatio="16:9"
        tools:src="@drawable/ic_logo" />


    <TextView
        android:id="@+id/title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintBottom_toBottomOf="@+id/image"
        android:textColor="@color/white"
        tools:text="SAMPLE"
        android:paddingBottom="10dp"
        android:layout_margin="5dp"/>

</android.support.constraint.ConstraintLayout>

活动.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_margin="10dp">

    <android.support.v7.widget.RecyclerView
        android:id="@+id/recycler_view"
        android:layout_marginTop="5dp"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_alignParentStart="true" />

</RelativeLayout>

生成整个视图的代码：

adapter = new SampleAdapter(list);
        StaggeredGridLayoutManager manager = new StaggeredGridLayoutManager(3, StaggeredGridLayoutManager.VERTICAL);
        sampleRecyclerView.setLayoutManager(manager);
        sampleRecyclerView.setAdapter(adapter);

每个项目的宽度设置得很好，适合每列跨度的宽度。但高度没有保持，非常小。

有人可以帮忙吗？

谢谢

- Sunny

Answer 1

对于您的图像，您可以指定哪个维度应该匹配约束条件，而另一个维度将被调整以满足比例。请参见文档中名为“Ratio”的部分，了解Dimensions constraints。

如果两个维度都设置为MATCH_CONSTRAINT（0dp），您还可以使用比例。在这种情况下，系统会设置最大的尺寸以满足所有约束条件，并保持指定的纵横比。要根据另一个维度的尺寸限制特定一侧，请在比例前面添加W或H来限制宽度或高度。例如，如果一个维度由两个目标限制（例如，宽度为0dp并居中于父级），则可以通过在比例前面添加字母W（用于限制宽度）或H（用于限制高度）并用逗号分隔来指示应该限制哪一侧：

     <Button android:layout_width="0dp"
               android:layout_height="0dp"
               app:layout_constraintDimensionRatio="H,16:9"
               app:layout_constraintBottom_toBottomOf="parent"
               app:layout_constraintTop_toTopOf="parent"/>

所以，在你的情况下，我会尝试使用app:layout_constraintDimensionRatio="H,16:9"。 此外，我不认为你需要android:scaleType="centerCrop"或adjustViewBounds，但你需要尝试一下才能确定。

- Cheticamp

---

layout_constraintDimensionRatio帮助我正确地调整了高度，谢谢。 - Greg T