在 Android XML 文件中设置 2 个文本视图后面的背景图像答案

【问题标题】：Set background image behind 2 text views in Android XML file在 Android XML 文件中设置 2 个文本视图后面的背景图像
【发布时间】：2011-04-26 19:08:44
【问题描述】：

如果您对 Android 中的 XML 布局有任何了解，请快速浏览一下。我有以下显示图像的 XML 布局，然后在其下方显示地址和电话号码。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
          android:background="@drawable/mainbackground"
          android:layout_width="fill_parent" 
          android:layout_height="fill_parent"
          android:orientation="vertical" 
          android:id="@+id/view1">
   <ImageView android:id="@+id/imageView1" 
    android:layout_height="wrap_content" 
    android:layout_width="wrap_content" 
    android:layout_centerHorizontal="true"
    android:layout_marginTop="50px"
    android:padding="12dip"
    android:background="#FFFFFF">
  </ImageView>
  <TextView android:id="@+id/addressView" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content"
        android:layout_below="@id/imageView1"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="20px"
        android:padding="12dip"
        android:textColor="#000000"
        android:background="#FFFFFF">
   </TextView>
   <TextView android:id="@+id/phoneView"
        android:textColor="#0000FF" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content"
        android:layout_below="@id/addressView"
        android:layout_centerHorizontal="true"
        android:padding="12dip"
        android:background="#FFFFFF">
    </TextView>
</RelativeLayout>

目前，我只是使用 android:padding 和 android:background 标签在 ImageView 和两个 TextView 后面设置白色背景。对于图像视图，这对我来说很好。对于文本视图，它们显然有 2 个单独的边框/背景。但是，我想在两个文本视图后面设置一个白色背景图像，而不是有两个单独的边框/背景。有关我希望最终结果是什么样子的更多详细信息，请参阅此图片：

http://img84.imageshack.us/i/homeview.png/

我只是不确定如何在两个文本视图周围“包裹”这个白框。显然， android:padding 和 android:background 标签可能不是这样做的方法。如果有人可以提供帮助，将不胜感激！

【问题讨论】：

标签： android xml layout android-relativelayout

【解决方案1】：

将图像设置为包含两个 TextView 的 LinearLayout 的背景，并且您已设置完毕。

【讨论】：

感谢您的帖子！我已将布局更改为 LinearLayout，并尝试了一些事情，但仍处于与以前相同的位置。您能否提供更多详细信息或您的意思的示例（基于我的代码）？
没关系，我看错了你的评论。我以为你打算将我的整个布局更改为 LinearLayout。我现在明白了！再次感谢:)

【解决方案2】：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                android:background="@drawable/button_blue"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:orientation="vertical"
                android:id="@+id/view1">
    <ImageView android:id="@+id/imageView1"
               android:layout_height="wrap_content"
               android:layout_width="wrap_content"
               android:layout_centerHorizontal="true"
               android:layout_marginTop="50px"
               android:padding="12dip"
               android:background="#FFFFFF">
    </ImageView>

    <LinearLayout
            android:id="commonBackgroundImage"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="#FFFFFF"
            android:layout_below="@id/imageView1"
            android:layout_centerHorizontal="true"
            android:layout_marginTop="20px"
            android:padding="12dip"
            android:orientation="vertical">

        <TextView android:id="@+id/addressView"
                  android:layout_width="wrap_content"
                  android:layout_height="wrap_content"
                  android:textColor="#000000"
                  android:text="text1">
        </TextView>
        <TextView android:id="@+id/phoneView"
                  android:textColor="#0000FF"
                  android:layout_width="wrap_content"
                  android:layout_height="wrap_content"
                  android:text="text2">
        </TextView>

    </LinearLayout>
</RelativeLayout>

【讨论】：