2

我正在尝试创建如图所示的布局。 图像

在运送到的该图像中，附加到布局的边框。如何像那样重叠。

这是我用来创建它的 XML

 <RelativeLayout
            android:id="@+id/shipped_to_header"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_margin="10dp"
            android:background="@drawable/address_blue_border" >

            <TextView
                android:id="@+id/tv_shipped_to"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@color/homebackground"
                android:text="Shipped To"
                android:textColor="@android:color/white" />

            <TextView
                android:id="@+id/tv_door_no"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_below="@+id/tv_shipped_to"
                android:text="22"
                android:textColor="@android:color/black" />

            <TextView
                android:id="@+id/tv_address_line1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_below="@+id/tv_door_no"
                android:text="Delhi, India"
                android:textColor="@android:color/black" />

            <TextView
                android:id="@+id/tv_address_line2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_below="@+id/tv_address_line1"
                android:text="Swindon Senegal BS32 8FE"
                android:textColor="@android:color/black" />
        </RelativeLayout>
4

4 回答 4

3

试试这个

  <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >



        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_alignParentTop="true"
            android:layout_marginTop="8dp"
            android:background="@android:color/holo_blue_bright"
            android:orientation="vertical"
            android:padding="10dp" >

            <TextView
                android:id="@+id/tv_door_no"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="22" />

            <TextView
                android:id="@+id/tv_address_line1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Delhi" />

            <TextView
                android:id="@+id/tv_address_line2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Some more dara" />
        </LinearLayout>

          <TextView
            android:id="@+id/tv_shipped_to"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_alignParentTop="true"
            android:text="Ship To"
            android:background="@android:color/holo_blue_dark"
            android:layout_marginLeft="15dp"
             />
    </RelativeLayout>
于 2013-08-05T07:26:16.810 回答
1

你的图有点太小了。无论如何，为此，请使用RelativeLayout。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="0dp" >

    <LinearLayout
        android:id="@+id/linearLayout1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:layout_margin="20dp"
        android:background="#ccff00"
        android:orientation="vertical" >

        <TextView
            android:id="@+id/textView2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:layout_marginTop="10dp"
            android:text="Medium Text"
            android:textAppearance="?android:attr/textAppearanceMedium" />

        <!-- Your other TextViews -->
        <TextView
            android:id="@+id/textView2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:layout_marginTop="10dp"
            android:text="Medium Text"
            android:textAppearance="?android:attr/textAppearanceMedium" />
    </LinearLayout>

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/linearLayout1"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="10dp"
        android:layout_marginTop="10dp"
        android:background="#ccffff"
        android:text="Medium Text"
        android:textAppearance="?android:attr/textAppearanceMedium" />

</RelativeLayout>
于 2013-08-05T07:16:56.270 回答
1 
<?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="fill_parent"
    android:background="@android:color/white">

    <!--  This is the main content -->
    <RelativeLayout
        android:layout_width="fill_parent" android:layout_height="fill_parent"
        android:layout_margin="15dp" android:background="@drawable/frame"
        android:orientation="vertical" android:padding="20dp">

        <TextView android:layout_width="wrap_content" android:layout_height="wrap_content"
            android:text="Main Content" android:layout_centerInParent="true" />

    </RelativeLayout>

    <!--  This is the title label -->
    <TextView android:layout_width="wrap_content" android:layout_height="wrap_content"
        android:background="@android:color/white" android:padding="5dp"
        android:text="Testing"
        android:layout_marginLeft="30dp" android:textColor="@android:color/black" />

</RelativeLayout>

你可以在这里和这里得到你的答案

于 2013-08-05T07:28:22.277 回答
1

要获得类似于图像中的布局，您必须使用android:layout_margin带有负值的命令。

这是一个例子：

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

    <RelativeLayout
        android:id="@+id/relativeLayout1"
        android:layout_width="fill_parent"
        android:layout_height="70dp"
        android:layout_alignParentLeft="true"
        android:layout_centerVertical="true" >

        <TextView
            android:id="@+id/textView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_centerVertical="true"
            android:text="TextView" />

        <TextView
            android:id="@+id/textView3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_alignParentLeft="true"
            android:text="TextView" />

    </RelativeLayout>

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@+id/relativeLayout1"
        android:layout_alignParentLeft="true"
        android:layout_marginBottom="-10dp"
        android:text="TextView" />

</RelativeLayout>
于 2013-08-05T07:34:21.793 回答