如何使用 RelativeLayout 将按钮对齐到 ImageView 的右侧

Question

我正在为一个简单的相对布局而苦苦挣扎。它应该在左侧有一个图像，在右侧有一列其他视图。垂直对齐是正确的，但水平对齐对于图像左侧的按钮非常令人费解，即使我要求它们位于右侧。
谁能解释一下：

• 为什么会这样，
• 如何实现我想要的排列方式。

这是布局xml和截图：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    android:id="@+id/widget51"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    xmlns:android="http://schemas.android.com/apk/res/android">

  <ImageView
      android:id="@+id/ivLove"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_alignParentTop="true"
      android:layout_alignParentLeft="true"
      android:layout_centerHorizontal="true"
      />

  <TextView
      android:id="@+id/tvDate"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_alignParentTop="true"
      android:hint="Image name"
      android:layout_toRightOf="@+id/ivImage"
      />

  <TextView
      android:id="@+id/tvPage"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:hint="Page URL"
      android:layout_below="@+id/tvDate"
      android:layout_toRightOf="@+id/ivImage"
      />

  <Button
      android:id="@+id/btnNext"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="Next"
      android:layout_below="@+id/tvPage"
      android:layout_toRightOf="@+id/ivImage"
      />

  <Button
      android:id="@+id/btnPrevious"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="Previous"
      android:layout_below="@+id/btnNext"
      android:layout_toRightOf="@+id/ivImage"
      />

</RelativeLayout>

如果您对图片有疑问，请参阅Android : Simple HTML parsing & image downloader using AsyncTask

Answer 1

您将这些控件（TextView、Button）放在 ID 为 ivImage 的 ImageView 的右侧。

但是，您的布局不包含任何具有该 ID 的 ImageView（但有一个具有 ivLove 的 ImageView）。 控件出现在左侧是因为这是 RelativeLayout 内视图的默认停靠。

尝试更新您的参考资料（将每个“ivImage”替换为“ivLove”。

注意——如果你使用 Eclipse，你没有得到编译错误的原因是你的项目中可能有一个 ImageView 和 android:id="ivImage"。启用（并且可能更新）lint 将帮助您过滤此类问题。