Question

如果您对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和TextViews后面设置一个白色背景。对于图像视图，这对我来说很好。对于文本视图，它们显然具有2个单独的边框/背景。但是，我想在两个文本视图后面设置一个白色背景图像，而不是有两个单独的边框/背景。有关我希望最终结果如何的详细信息，请参阅此图片：

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

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

Answer 1

将图像设置为包含TextViews且已设置的LinearLayout的背景。

Answer 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>

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

2 个答案: