嵌套布局设计（相对和线性）

Question

帮我编码，我需要线性布局出现在相对布局下方它似乎是 overlapping.Below 是我的 code.Having 困难所以决定问一个 question.Thanks提前寻求帮助 `

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE RelativeLayout>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/front"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:padding="8dp" >

    <RelativeLayout
        android:id="@+id/ca"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:layout_margin="5dp"
        android:background="#b6b4b4" >

        <ImageView
            android:id="@+id/thumbnail"
            android:layout_width="80dp"
            android:layout_height="80dp"
            android:layout_alignParentLeft="true"
            android:layout_marginRight="8dp"
            android:background="#b6b4b4"
            android:src="@drawable/principal" />

        <TextView
            android:id="@+id/title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignTop="@+id/thumbnail"
            android:layout_toRightOf="@+id/thumbnail"
            android:background="#b6b4b4"
            android:text="Dr.Jose Swaminathan"
            android:textSize="20sp"
            android:textStyle="bold" />

        <TextView
            android:id="@+id/rating"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_below="@id/title"
            android:layout_marginTop="1dip"
            android:layout_toRightOf="@+id/thumbnail"
            android:background="#b6b4b4"
            android:text="Principal"
            android:textSize="20sp" />
    </RelativeLayout>

    <View
        android:id="@+id/a"
        android:layout_width="fill_parent"
        android:layout_height="5dp"
        android:layout_below="@+id/ca"
        android:layout_marginTop="5dip"
        android:background="#5c92fa" />

    <LinearLayout
        android:id="@+id/kl"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_margin="5dp"
        android:orientation="vertical" >

        <TextView
            android:id="@+id/gf"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dip"
            android:below="+id/a"
            android:text="Contact No"
            android:textSize="20sp"
            android:textStyle="bold" />

        <TextView
            android:id="@+id/g"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dip"
            android:text="9566235224"
            android:textSize="38sp" />
    </LinearLayout>

    <View
        android:id="@+id/aa"
        android:layout_width="fill_parent"
        android:layout_height="3dp"
        android:layout_marginTop="5dip"
        android:background="#5c92fa" />

    <LinearLayout
        android:id="@+id/gg"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_margin="5dp"
        android:orientation="vertical" >

        <TextView
            android:id="@+id/gp"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dip"
            android:text="Email_ID"
            android:textSize="20sp"
            android:textStyle="bold" />

        <TextView
            android:id="@+id/ll"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dip"
            android:text="jose@licet.ac.in"
            android:textSize="18sp" />
    </LinearLayout>`

Answer 1

您只需要继续指定父 RelativeLayout 的每个子项都低于前一个。或者，当然，如果它们确实一个接一个地排列，您可以将根视图设置为 LinearLayout。但是将父级保持为 RelativeLayout，你需要这样：

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE RelativeLayout>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/front"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:padding="8dp" >

    <RelativeLayout
        android:id="@+id/ca"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:layout_margin="5dp"
        android:background="#b6b4b4" >

        <ImageView
            android:id="@+id/thumbnail"
            android:layout_width="80dp"
            android:layout_height="80dp"
            android:layout_alignParentLeft="true"
            android:layout_marginRight="8dp"
            android:background="#b6b4b4"
            android:src="@drawable/principal" />

        <TextView
            android:id="@+id/title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignTop="@+id/thumbnail"
            android:layout_toRightOf="@+id/thumbnail"
            android:background="#b6b4b4"
            android:text="Dr.Jose Swaminathan"
            android:textSize="20sp"
            android:textStyle="bold" />

        <TextView
            android:id="@+id/rating"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_below="@id/title"
            android:layout_marginTop="1dip"
            android:layout_toRightOf="@+id/thumbnail"
            android:background="#b6b4b4"
            android:text="Principal"
            android:textSize="20sp" />
    </RelativeLayout>

    <View
        android:id="@+id/a"
        android:layout_width="fill_parent"
        android:layout_height="5dp"
        android:layout_below="@+id/ca"
        android:layout_marginTop="5dip"
        android:background="#5c92fa" />

    <LinearLayout
        android:id="@+id/kl"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/a"
        android:layout_margin="5dp"
        android:orientation="vertical" >

        <TextView
            android:id="@+id/gf"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dip"
            android:below="+id/a"
            android:text="Contact No"
            android:textSize="20sp"
            android:textStyle="bold" />

        <TextView
            android:id="@+id/g"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dip"
            android:text="9566235224"
            android:textSize="38sp" />
    </LinearLayout>

    <View
        android:id="@+id/aa"
        android:layout_width="fill_parent"
        android:layout_height="3dp"
        android:layout_below="@+id/kl"
        android:layout_marginTop="5dip"
        android:background="#5c92fa" />

    <LinearLayout
        android:id="@+id/gg"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/aa"
        android:layout_margin="5dp"
        android:orientation="vertical" >

        <TextView
            android:id="@+id/gp"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dip"
            android:text="Email_ID"
            android:textSize="20sp"
            android:textStyle="bold" />

        <TextView
            android:id="@+id/ll"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dip"
            android:text="jose@licet.ac.in"
            android:textSize="18sp" />
    </LinearLayout>
</RelativeLayout>

嵌套布局设计（相对和线性）

Nested Layout Design (Relative and Linear)

android

android-layout

android-linearlayout

android-relativelayout