Cannot display an image in Constraint Layout

Question

I have this xml but the image is only shown when I hard the width and height of the image. I am not sure why the constraints as I provided in the code are not working.

<merge
    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"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    tools:parentTag="androidx.constraintlayout.widget.ConstraintLayout">

    <androidx.cardview.widget.CardView
        android:id="@+id/cardview"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="8dp"
        android:layout_marginEnd="4dp"
        android:layout_marginStart="4dp"
        android:layout_marginTop="4dp"
        app:cardCornerRadius="4dp"
        app:cardElevation="2dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent">

        <ImageView
            android:id="@+id/cover"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:scaleType="fitXY"
            android:importantForAccessibility="no"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            tools:src="@drawable/placeholder" />
    </androidx.cardview.widget.CardView>

</merge>

Note: I cannot change it to compose and this is part of some legacy code.

snachmsm · Accepted Answer · 2024-07-18 15:38:36Z

0

note that this part of <ImageView tag is no-op (you can safely remove these lines)

        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"

as these attributes are read only by parenting ConstraintLayout, which isn't true, it's CardView for sure... and parent of CardView, well, this depends on place of inflating, maybe CardView should have such params (so also bottom and end constraints), which will/should work when hosted by ConstaintLayout strictly

answered Jul 18, 2024 at 15:38

snachmsm

19.5k4 gold badges38 silver badges85 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

MXC Over a year ago

Even with this change, I am not seeing the image but let' say if I put this in image view, I see the image android:layout_width="104dp" android:layout_height="162dp"

snachmsm Over a year ago

maybe thats because of layout_width and layout_height set to wrap content, when there is no content at the beginning. also scaleType="fitXY" is opposite to width and height - how to fix XY when there is no XY, it depends on image (and its size should fit XY, looped)

snachmsm Over a year ago

sadly without wider context, some reproducible example, there may be much guessing

Collectives™ on Stack Overflow

Cannot display an image in Constraint Layout

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related