新手问题：如何布局一个图标、两行文本和一个按钮？

Question

我正在尝试扩展在 http://developer.html 中找到的示例。 android.com/resources/articles/layout-tricks-efficiency.html。我是一名全新的 MonoDroid 开发人员，昨天刚刚安装了它，并试图直接进入 UI 设计，但到目前为止它并不完全适合我。

我有这个 main.xml：

<?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="?android:attr/listPreferredItemHeight"
    android:padding="6dip">
  <ImageView
      android:id="@+id/icon"

      android:layout_width="wrap_content"
      android:layout_height="fill_parent"

      android:layout_alignParentTop="true"
      android:layout_alignParentBottom="true"
      android:layout_marginRight="6dip"

      android:src="@drawable/icon" />

  <TextView
      android:id="@+id/secondLine"

      android:layout_width="200dip"
      android:layout_height="26dip"

      android:layout_toRightOf="@id/icon"
      android:layout_alignParentBottom="true"
      android:layout_alignParentRight="true"

      android:singleLine="true"
      android:ellipsize="marquee"
      android:text="Second line which is a long line of text and needs to scroll" />

  <TextView
      android:id="@+id/firstLine"

      android:layout_width="200dip"
      android:layout_height="wrap_content"

      android:layout_toRightOf="@id/icon"
      android:layout_alignParentRight="true"
      android:layout_alignParentTop="true"
      android:layout_above="@id/secondLine"
      android:layout_alignWithParentIfMissing="true"

      android:singleLine="true"
      android:ellipsize="marquee"
      android:gravity="center_vertical"
      android:text="First line" />

  <Button
      android:id="@+id/logonButton"

      android:layout_width="50dip"
      android:layout_height="wrap_content"

      android:layout_toRightOf="@id/secondLine"
      android:layout_alignParentRight="true"
      android:layout_alignParentTop="true"

      android:gravity="center_vertical"
      android:text="Login" />
      />
</RelativeLayout>

我想做的是在左侧有一个图标，在中间堆叠两行文本，在右侧有一个按钮。当我在模拟器中运行它时，我看到：

1. 第二行不滚动。
2. 该按钮不显示。

有没有一个简单的所见即所得的布局编辑器？或者是否有一个应用程序可以让我快速查看我的布局 XML？像 FireFox 中的 FireBug 这样的东西就可以了。

除非有 Droid 的 UI 助手的可能性很小，否则我做错了什么？ :)

注意：我发现 hierarchyviewer 并且按钮根本没有显示（可见），尽管它确实显示在层次结构中。 http://screencast.com/t/rdjaR0tCM6

Answer 1

我认为你多了一个“/>”在 的底部。但这可能不是这里的主要问题。

如果旋转方向会发生什么？那么你收到按钮了吗？如果是这样，可能图像和文本的宽度太宽而无法容纳按钮。