使用文本叠加并排放置2个图像

Question

我想将2张图片并排放置文字叠加。 这是带有文字的1张图片的代码，我希望将2张图片并排放置，底部显示文字叠加。

代码是

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="@dimen/overlay_margin"
        android:background="#FFF" >

        <ImageView
            android:id="@+id/imageView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:src="@drawable/salogo" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignBottom="@+id/imageView1"
            android:layout_alignParentLeft="true"
            android:background="#7000"
            android:orientation="vertical"
            android:paddingTop="15dp" >

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:shadowColor="#000"
                android:shadowDx="3"
                android:shadowDy="3"
                android:shadowRadius="6"
                android:text="Styling Android"
                android:textColor="#FFF"
                android:textSize="36sp"
                android:textStyle="bold" />

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:text="A guide to applying styles and themes to Android apps"
                android:textColor="#CCC"
                android:textSize="12sp" />
        </LinearLayout>
    </RelativeLayout>

</LinearLayout>

我想要这样的视图

Answer 1

您需要在Improving Layouts : Reusing

使用include

您需要像这样使用您的布局。如果要添加更多内容，请将MainLayout.xml根目录包装到另一个LinearLayout或RelativeLayout

创建您将在Activity上调用的主要布局，将“Hello Android”解压缩到您的字符串文件中：
MainLayout.xml

<LinearLayout
    android:layout_width=”match_parent”
    android:layout_height=”wrap_content”
    android:orientation="vertical">
     <TextView
         android:layout_width=”match_parent”
         android:layout_height=”wrap_content”
         android:Text="Hello Android"/>
     <LinearLayout
         android:layout_width=”match_parent”
         android:layout_height=”wrap_content”
         android:orientation="horizontal">
         <include layout="@Layout/myTextImageLayout"
                 android:layout_weight="1" />
         <include layout="@Layout/myTextImageLayout" 
                 android:layout_weight="1" />
     </LinearLayout>
</LinearLayout>

然后创建另一个布局，其中大部分内容将会出现：
myTextImageLayout.xml（您当前的布局）

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="@dimen/overlay_margin"
    android:background="#FFF" >

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:src="@drawable/salogo" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@+id/imageView1"
        android:layout_alignParentLeft="true"
        android:background="#7000"
        android:orientation="vertical"
        android:paddingTop="15dp" >

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:shadowColor="#000"
            android:shadowDx="3"
            android:shadowDy="3"
            android:shadowRadius="6"
            android:text="Styling Android"
            android:textColor="#FFF"
            android:textSize="36sp"
            android:textStyle="bold" />

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:text="A guide to applying styles and themes to Android apps"
            android:textColor="#CCC"
            android:textSize="12sp" />
    </LinearLayout>
</RelativeLayout>