IssueTracker

ConstraintLayout version: 2.1.4

I try to make a layout where a square image is placed on the left side with a height equal to the height of a text, which is placed to the right of it. If it's not enough space for the text, it should be shortened.

I achieve this by using app:layout_constraintDimensionRatio="W, 1:1" for the image while vertically aligning it on the top and bottom edges of the text. The texts use android:layout_width="wrap_content" with app:layout_constrainedWidth="true"

In case when I have only one TextView everything goes fine, but when the second TextView is introduced under the first one, ImageView shrinks to zero (instead of reducing width of the texts) when there is not enough space for both of the texts (by the way, when only one text doesn't fit, everything works).

Works:

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    tools:context=".MainActivity"
    android:layout_height="wrap_content"
    android:layout_width="wrap_content"
    android:background="#aaa">

    <TextView
        android:id="@+id/txt"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:singleLine="true"
        android:textSize="20sp"
        android:ellipsize="end"
        app:layout_constrainedWidth="true"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintLeft_toRightOf="@id/img"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        tools:text="Long long long long long long long long long text"
        />

    <ImageView
        android:id="@+id/img"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:adjustViewBounds="true"
        android:scaleType="centerCrop"
        tools:src="@tools:sample/backgrounds/scenic"
        app:layout_constraintDimensionRatio="W, 1:1"
        app:layout_constraintTop_toTopOf="@id/txt"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintBottom_toBottomOf="@id/txt"
        />

</androidx.constraintlayout.widget.ConstraintLayout>

Doesn't work:

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    tools:context=".MainActivity"
    android:layout_height="wrap_content"
    android:layout_width="wrap_content"
    android:background="#aaa">

    <TextView
        android:id="@+id/txt_up"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:singleLine="true"
        android:textSize="20sp"
        android:ellipsize="end"
        app:layout_constrainedWidth="true"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintLeft_toRightOf="@id/img"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintBottom_toTopOf="@id/txt_down"
        tools:text="Long long long long long long long long long text"
        />

    <TextView
        android:id="@+id/txt_down"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:singleLine="true"
        android:textSize="20sp"
        android:ellipsize="end"
        app:layout_constrainedWidth="true"
        app:layout_constraintTop_toBottomOf="@id/txt_up"
        app:layout_constraintLeft_toRightOf="@id/img"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        tools:text="Long long long long long long long long long text"
        />

    <ImageView
        android:id="@+id/img"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:adjustViewBounds="true"
        android:scaleType="centerCrop"
        tools:src="@tools:sample/backgrounds/scenic"
        app:layout_constraintDimensionRatio="W, 1:1"
        app:layout_constraintTop_toTopOf="@id/txt_up"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintBottom_toBottomOf="@id/txt_down"
        />

</androidx.constraintlayout.widget.ConstraintLayout>