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>

このレイアウトにより、2 番目のImageViewレンダリングが行われなくなります。おそらく、 が存在し、2 番目PercentRelativeLayoutのの高さが の高さに基づいていることが原因です。layout_heightwrap_contentImageViewPercentRelativeLayout

私がしたいこと：

  • PercentRelativeLayout最初の高さImageView(16/9) を取る必要があります。

  • 2 番目ImageView(27/40) は、 からPercentRelativeLayout(および最初の から間接的に) 高さを取得しImageViewます。

  • 秒の幅は、ImageView暗黙的な高さ (パディングを含む) と から計算されますapp:layout_aspectRatio。

  • 2 番目ImageViewは、最初の の左側に重なる必要がありImageViewます。

これが私が欲しいものの写真です：

相対レイアウトの例

4

0 に答える 0