Question

如何设计包含Relative Layout的{{1}}，如下图所示。

我尝试过很多方法，但 TextView2 没有低于 TextView1 。

是否可以在1相对布局中绘制所有TextView。

PS - 我必须使用相对布局，因为必须使用权利。

谢谢 enter image description here

Answer 1

这样的事情：

TV2 - layout_below TV1并且左对齐
TV3 - layout_below TV1和TV2右侧
TV4 - layout_below TV2并左对齐父母
TV5 - layout_below TV2和TV4右侧
TV6 - layout_below TV4并左对齐父母
TV7 - layout_below TV4和TV6右侧

Answer 2

您可以使用LinearLayout垂直方向。 TV1是第一个孩子，重力正确和宽度为match_parent。 TV2和TV3可以包含在水平方向的LinearLayout中，并根据重量定位。其余四个TextView可能会被类似地处理。

Answer 3

这是xml ...我希望这会有所帮助

<?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" >
<TextView android:id="@+id/TV1"/>
<TextView android:id="@+id/TV2"
          android:layout_below="@id/TV1"
          android:layout_alignParentLeft="true"/>
<TextView android:id="@+id/TV3"
          android:layout_below="@id/TV1"
          android:layout_alignRight="@id/TV2"/>
<TextView android:id="@+id/TV4"
          android:layout_below="@id/TV2"
          android:layout_alignParentLeft="true"/> 
<TextView android:id="@+id/TV5"
          android:layout_below="@id/TV2"
          android:layout_alignRight="@id/TV4"/>
<TextView android:id="@+id/TV6"
          android:layout_below="@id/TV4"
          android:layout_alignParentLeft="true"/>
<TextView android:id="@+id/TV7"
          android:layout_below="@id/TV4"
          android:layout_alignRight="@id/TV6"/>  
</RelativeLayout>

Answer 4

试试这个：

<?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" >

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Text View 1"
        android:layout_marginRight="20dp"
        android:textSize="20sp"
        android:gravity="end" />


    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Text View 2"
        android:layout_marginTop="25dp"
        android:layout_marginLeft="20dp"
        android:textSize="20sp"
        android:gravity="start" />


    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="25dp"
        android:text="Text View 3"
        android:layout_marginRight="20dp"
        android:textSize="20sp"
        android:gravity="end" />


    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Text View 4"
        android:layout_marginLeft="20dp"
        android:layout_marginTop="55dp"
        android:textSize="20sp"
        android:gravity="start" />


    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="55dp"
        android:text="Text View 5"
        android:layout_marginRight="20dp"
        android:textSize="20sp"
        android:gravity="end" />


    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Text View 6"
        android:layout_marginLeft="20dp"
        android:layout_marginTop="85dp"
        android:textSize="20sp"
        android:gravity="start" />


    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="85dp"
        android:text="Text View 7"
        android:layout_marginRight="20dp"
        android:textSize="20sp"
        android:gravity="end" />
</RelativeLayout>

设计相对布局

4 个答案: