新手问题:如何布局图标,2个文本行和一个按钮?

时间:2011-01-05 19:16:41

标签: android android-layout xamarin.android

我正在尝试扩展我在http://developer.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>

我要做的是左边有一个图标,中间有两行文字,右边有一个按钮。当我在我的模拟器中运行时,我看到:
 alt text

  1. 第二行不滚动。
  2. 按钮未显示。
  3. 是否有任何机会使用简单的WYSIWYG编辑器进行布局?或者有一个应用程序,让我快速查看我的布局XML?像FireFox中的FireBug就好了。

    除非Droid的UI辅助工具很小,但我做错了什么? :)

    注意:我发现 hierarchyviewer 并且该按钮根本没有显示(可见),尽管它确实在heirarchy中显示。 http://screencast.com/t/rdjaR0tCM6

2 个答案:

答案 0 :(得分:0)

我认为你有额外的“/&gt;”在底部 。但这可能不是这里的主要问题。

如果旋转方向会发生什么?那你拿到按钮了吗?如果是这样,也许您的图像宽度和文字太宽,无法容纳按钮。

答案 1 :(得分:0)

我有完全相同的问题,如果有什么我认为这是他们在教程中解释它的方式的问题。我现在使用了不同的版本,但是除了图标之外,它不会放置文本。见这里:http://img263.imageshack.us/i/sellscreen.jpg/

如果你们可以帮助我们并排获取文本,那么我将分享我的代码供所有人使用。我几乎想和你做同样的事情。我需要左边5个图标,每个文本除了每个文本之外还有一个按钮。我真的很挣扎。一直在努力。