我尝试使用 PercentRelativeLayout 中包含的不同图像创建一个复杂的布局。
实际上我无法显示一个 ImageView 我想将其宽度设置为总宽度（父宽度）的百分比。
下面是我的代码：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/content_home_page"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingTop="@dimen/activity_vertical_margin"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
tools:context="com.example.avescera.remindme.HomePageActivity"
tools:showIn="@layout/app_bar_home_page"
android:foregroundGravity="center_vertical"
android:gravity="center_horizontal">
<android.support.percent.PercentRelativeLayout
android:id="@+id/RLayoutHPLoan"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_alignParentStart="true">
<ImageView
android:id="@+id/imgHPLoanAmnt"
app:srcCompat="@drawable/ic_money_bar"
app:layout_widthPercent="40%"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_alignStart="@id/imgHPGreenArrow" />
<ImageView
android:id="@+id/imgHPGreenArrow"
app:srcCompat="@drawable/ic_green_arrow"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:adjustViewBounds="true"
android:layout_alignParentTop="true"
android:layout_alignParentStart="true" />
<ImageView
android:id="@+id/imgHPLoanBtn"
app:srcCompat="@drawable/ic_add_loan_button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="16dp"
android:layout_centerVertical="true"
android:layout_alignParentStart="true" />
<TextView
android:text="@string/home_loan_arrow"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_centerHorizontal="true"
android:id="@+id/txtVHPLoanTitle"
android:textColor="#FFFFFF"
android:textAllCaps="true"
android:textSize="36sp"
android:textStyle="normal|bold" />
</android.support.percent.PercentRelativeLayout>
<android.support.percent.PercentRelativeLayout
android:id="@+id/RLayouHPBorrow"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentStart="true"
android:layout_marginTop="16dp"
android:layout_below="@id/RLayoutHPLoan">
<ImageView
app:srcCompat="@drawable/ic_red_arrow"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/imgHPRedArrow"
android:adjustViewBounds="true"
android:layout_alignParentTop="true"
android:layout_alignParentStart="true" />
<ImageView
android:id="@+id/imgHPBorrowBtn"
app:srcCompat="@drawable/ic_add_borrow_button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentEnd="true"
android:layout_centerVertical="true"
android:layout_marginEnd="16dp" />
<TextView
android:text="@string/home_borrow_arrow"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_centerHorizontal="true"
android:id="@+id/txtVHPBorrowTitle"
android:textColor="#FFFFFF"
android:textAllCaps="true"
android:textSize="36sp"
android:textStyle="normal|bold" />
</android.support.percent.PercentRelativeLayout>
</LinearLayout>
和我得到的屏幕：
在左上角，您会看到（在红色方块中）我的 ImageView 没有显示。我要显示的图像是一个带有图像的正方形（所有这些都是图像）。
我希望看到的（我知道它与我正在构建的不完全相同:)），绿色箭头下的灰色方块（里面有钱）必须显示在我的箭头顶部（不要注意改变）：
