具有高度wrap_content的ConstraintLayout不适用于ImageView adjustViewBounds

时间:2018-01-11 00:36:16

标签: android android-constraintlayout

我正在努力创造这个:

Layout with Linear Layout

使用此LinearLayout可以这样做:

<LinearLayout android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@android:color/white">

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

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:textSize="48sp"
        android:text="Hello World" />

</LinearLayout>
</FrameLayout>

哪个效果很好。现在,我正在尝试使用ConstraintLayout:

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@android:color/black"
    xmlns:app="http://schemas.android.com/apk/res-auto">

<android.support.constraint.ConstraintLayout 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"
    android:background="@android:color/white">

    <ImageView android:id="@+id/image"
        android:src="@drawable/image"
        android:adjustViewBounds="true"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="48sp"
        android:text="Hello World"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toBottomOf="@id/image" />

</android.support.constraint.ConstraintLayout>
</FrameLayout>

不幸的是,这会产生:

Layout attempt 1 with ConstraintLayout

底部已被切断。问题是ConstraintLayout没有正确调整它的高度来尝试尊重图像上的adjustViewBounds。我已经看到了使用layout_constraintHeight_default的建议,并尝试过:

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@android:color/black"
    xmlns:app="http://schemas.android.com/apk/res-auto">

<android.support.constraint.ConstraintLayout 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"
    android:background="@android:color/white">

    <ImageView android:id="@+id/image"
        android:src="@drawable/image"
        android:adjustViewBounds="true"
        android:layout_width="0dp"
        android:layout_height="0dp"
        app:layout_constraintHeight_default="wrap"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="48sp"
        android:text="Hello World"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toBottomOf="@id/image" />

</android.support.constraint.ConstraintLayout>
</FrameLayout>

不幸的是,这会产生:

Layout attempt 2 with ConstraintLayout

因此,似乎使用layout_constraintHeight_default会破坏ImageView的adjustViewBounds

那么,怎么做呢?

注意:我在RecyclerView中使用ConstraintLayout,并且必须使用高度wrap_content

1 个答案:

答案 0 :(得分:5)

我试图自己重现你的问题。我发现当我使用constraint-layout库的版本1.0.2时,我遇到了与你看到的相同的问题,但是当我使用版本1.1.0-beta4时,我没有。您可以将gradle文件中的依赖项更改为

compile 'com.android.support.constraint:constraint-layout:1.1.0-beta4'

请注意,1.0.2和1.1.0-beta4之间存在一些非必要向后兼容的变化;有关库已更改的一种方式,请参阅this question