3

我想将一个图像放置在另一个图像之上，同时仍然保持纵横比。这是我目前拥有的。

<android.support.percent.PercentRelativeLayout
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">


        <!-- 16 / 9 Image -->
        <ImageView
            android:scaleType="centerCrop"
            app:layout_aspectRatio="178%"
            app:layout_widthPercent="100%"
            app:imageUrl="@{API.Backdrop(basePath, show)}" />

        <!-- 27/40 Aspect Ratio -->
        <ImageView
            android:scaleType="centerCrop"
            app:layout_aspectRatio="67.5%"
            android:layout_alignParentLeft="true"
            android:layout_alignParentTop="true"
            android:layout_alignParentBottom="true"
            app:imageUrl="@{API.Poster(basePath, show)}"/>

</android.support.percent.PercentRelativeLayout>

此布局导致第二个ImageView不呈现。这可能是由PercentRelativeLayout' 的layout_height存在wrap_content和第二个ImageView的高度基于PercentRelativeLayout' 的高度引起的。

我想要发生的事情：

  • PercentRelativeLayout应该取第一个ImageView（16/9）的高度。

  • 第二个ImageView（27/40）从PercentRelativeLayout（间接从第一个ImageView）获得高度。

  • 第二个的宽度ImageView是根据其隐含高度（包括填充）和app:layout_aspectRatio.

  • 第二个ImageView应该与第一个的左侧重叠ImageView。

这是我想要的图片：

相对布局示例

4

0 回答 0