Question

我有一个以PercentRelativeLayout作为根视图的布局：

background-attachment:scroll

我需要做的是在if (navigator.userAgent.search("Safari") >= 0 && navigator.userAgent.search("Chrome") < 0) { document.write('<'+'link rel="stylesheet" href="../component/newstyle.css" />');上设置16：9的宽高比，然后在其中有2张图像（每个50％宽），所以它看起来像这样：

http://i.imgur.com/Iy8JiCQ.png

但是当我运行应用程序时，两个图像都没有显示（好像视图不存在）。

我应该改变什么来获得我需要的东西？

Answer 1

使用PercentRelativeLayout时，您需要设置宽度或高度，以便根据百分比计算另一个。由于您将根高度设置为wrap_content，因此您需要将子高度设置为wrap_content或固定值，并且为了获得最佳结果，最好设置最小高度

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

<ImageView
    android:id="@+id/firstImage"
    app:layout_widthPercent="50%"
    android:layout_height="wrap_content"
    android:minHeight="100dp"
    android:scaleType="centerCrop" />

<ImageView
    android:id="@+id/secondImage"
    app:layout_widthPercent="50%"
    android:layout_height="wrap_content" 
    android:minHeight="100dp"
    android:scaleType="centerCrop"
    android:layout_toRightOf="@id/firstImage" />

</android.support.percent.PercentRelativeLayout>

PercentRelativeLayout上的layout_aspectRatio

1 个答案: