在另一个下方定位一个图像视图 - android

Question

我现在有一个问题是将imageview放在另一个imageview下面。尽管我已经使用了android：layout_below似乎没有发生任何事情。我之前已经成功完成了这项工作。我现在唯一能想到的就是这个imageview保持并且图像相当大（宽度为500sp，高度为750sp）。

三个imageview的id如下 - 两个小视图

1）单身 2）音量 3）extraImage（这是保存大图像的视图）

我想将extraImage放在单个

之下

这是xml语法

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:paddingBottom="5dp"
  android:paddingLeft="0px"
  android:paddingRight="@dimen/activity_horizontal_margin"
  android:paddingTop="0px"
  android:background="#ffffff"
  tools:context=".PhraseActivity" >

   <ImageView
    android:id="@+id/single"
    android:layout_width="68sp"
    android:layout_height="68sp"
    android:layout_centerVertical="true"
    />



  <ImageView
    android:id="@+id/extraImage"
    android:layout_width="500sp"
    android:layout_height="750sp"
    android:layout_below="@+id/single"
   />


    <ImageView
    android:id="@+id/volume"
    android:layout_width="50sp"
    android:layout_height="40sp"
    android:layout_alignParentRight="true"
    android:layout_centerVertical="true"
   />
</RelativeLaoyout>

这就是我想要的方式

目前的情况如下

我的问题：我如何解决这个问题 - 我如何定位小一号（单一）以下的大图像？

我也试过android：layout_toEndOf =“”没有成功

Answer 1

尝试将ImageView1和ImageView2放在水平的LinearLayout中然后它应该可以工作。

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal">

    <ImageView
        android:id="@+id/single"
        android:layout_width="68sp"
        android:layout_height="68sp" />

    <ImageView
        android:id="@+id/volume"
        android:layout_width="50sp"
        android:layout_height="40sp" />

</LinearLayout>

<ImageView
    android:id="@+id/extraImage"
    android:layout_width="500sp"
    android:layout_height="750sp" />

Answer 2

看看我尝试这个，它给了我你需要的想法

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@drawable/ic_launcher"
android:orientation="vertical" >

<ImageView
    android:id="@+id/img"
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:layout_alignParentRight="true"
    android:layout_alignParentTop="true"
    android:contentDescription="@string/app_name"
    android:scaleType="centerCrop"
    android:src="@drawable/ic_launcher" />

<ImageView
    android:id="@+id/img"
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="true"
    android:contentDescription="@string/app_name"
    android:scaleType="centerCrop"
    android:src="@drawable/ic_launcher" />

<ImageView
    android:id="@+id/img"
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:layout_below="@+id/img"
    android:layout_centerHorizontal="true"
    android:layout_marginTop="34dp"
    android:contentDescription="@string/app_name"
    android:scaleType="centerCrop"
    android:src="@drawable/ic_launcher" />

 </RelativeLayout>

Answer 3

不要硬编码宽度和高度的值。对于前2个图像，使用权重相同：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent" >

<LinearLayout
    android:id="@+id/linear"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal" >

    <ImageView
        android:id="@+id/single"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1" />

    <ImageView
        android:id="@+id/volume"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1" />
</LinearLayout>

<ImageView
    android:id="@+id/extraImage"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_below="@+id/linear" />

</RelativeLayout>