'One image atop another while maitaining correct size and position in Jetpack Compose?

first image

second image

desired result

I figured out how to do it in XML using guidelines, but now im switching to jetpack and have a hard time. Here's what I did in XML:


  <androidx.constraintlayout.widget.Guideline
            android:id="@+id/guidelineHorizontal"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            app:layout_constraintGuide_percent="0.5" />

        <androidx.constraintlayout.widget.Guideline
            android:id="@+id/guidelineVerticalLeft2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            app:layout_constraintGuide_percent="0.73" />

        <androidx.constraintlayout.widget.Guideline
            android:id="@+id/guidelineVerticalRight2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            app:layout_constraintGuide_percent="0.89" />

        <androidx.constraintlayout.widget.Guideline
            android:id="@+id/guidelineHorizontalBottom2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            app:layout_constraintGuide_percent="0.81" />

        <ImageView
            android:id="@+id/imageView2"
            android:layout_width="0dp"
            android:layout_height="0dp"
            android:background="@drawable/coding"
            app:layout_constraintBottom_toBottomOf="@id/guidelineHorizontalBottom2"
            app:layout_constraintDimensionRatio="0.5:1"
            app:layout_constraintEnd_toStartOf="@+id/guidelineVerticalRight2"
            app:layout_constraintStart_toStartOf="@+id/guidelineVerticalLeft2"
            app:layout_constraintTop_toTopOf="@+id/guidelineHorizontal2"
            tools:ignore="ContentDescription" />



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source