问题描述

在 android 中如何放置text views和image view？

我想在android应用中获得以下的效果：

背景图片我使用一个nine-patch png图片。我用一个text view 来实现：

<ImageView
    android:id="@+id/myImageView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/rowimage" />

<TextView
    android:id="@+id/myImageViewText"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignLeft="@+id/myImageView"
    android:layout_alignTop="@+id/myImageView"
    android:layout_alignRight="@+id/myImageView"
    android:layout_alignBottom="@+id/myImageView"
    android:layout_margin="1dp"
    android:gravity="center"
    android:text="Hello"
    android:textColor="#000000" />

但是结果确是这样的：

错误出现在哪里呢？如何达到第一幅图片的效果呢？

解决方案

用一个TextView？难道每次换内容的话都要弄那前、后和中间的空格？

<RelativeLayout
    android:id="@+id/relativeLayout1"
    android:layout_height="50dp"
    android:layout_width="200dp"
    android:background=""@drawable/rowimage"" >
    <TextView
        android:id="@+id/textView1"
        android:text="TextView1"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:layout_marginLeft="10dp"
        android:layout_alignParentLeft="true"
        android:layout_centerVertical="true" />
    <TextView
        android:id="@+id/textView2"
        android:text="TextView2"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:layout_marginRight="10dp"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true" />
</RelativeLayout>

解决方案二：

你何必要弄个ImageView再弄个TextView呢？ 你直接用一个TextView来显示文字，然后给它设置背景，背景资源为那个.9的图片不就行了？？

解决方案三：

添加一个 RelativeLayout，在宽度中设置 fill_parent，用 ninePatch 设置背景图片，然后再添加TextViews 。

<RelativeLayout
  android:id="@+id/layoutTextViews"
  android:layout_width="fill_parent"
  android:layout_height = "wrap_content"
  android:background="@drawable/rowimage"
>

<TextView
    android:id="@+id/txtView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_margin="1dp"
    android:gravity="center"
    android:text="Hello"
    android:textColor="#000000" />

<TextView
    android:id="@+id/txtView2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:layout_margin="1dp"
    android:gravity="center"
    android:text="Right"
    android:textColor="#000000" />

</RelativeLayout>