Question

我的布局如下。需要将b和c置于a以下的中心位置。要简化视图，只需要一个RelativeLayout ，如果可能的话。

<RelativeLayout
    android:layout_gravity="center_horizontal"
    android:layout_width="wrap_content"
    android:layout_height="60dp">
    <TextView
        android:id="@+id/a"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="test 1"
        android:paddingTop="3dp" />

    <TextView
        android:id="@+id/b"
        android:layout_below="@id/a"
        android:paddingRight="5dp"
        android:textColor="#000"
        android:text="test 2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <TextView
        android:id="@+id/c"
        android:layout_toRightOf="@id/b"
        android:layout_below="@id/a"
        android:textColor="#f00"
        android:text="test 3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</RelativeLayout>

更新现在我以下面的内容结束了，但这不是最好的，因为b和c并不完全低于a。

<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_gravity="center_horizontal"
    android:layout_centerHorizontal="true"
    android:layout_width="wrap_content"
    android:layout_height="60dp">

    <TextView
        android:id="@+id/a"
        android:layout_centerHorizontal="true"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="test 1"
        android:paddingTop="3dp" />

    <TextView
        android:layout_alignParentBottom="true"
        android:paddingRight="5dp"
        android:textColor="#000"
        android:text="test 2"
        android:id="@+id/b"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <TextView
        android:layout_alignParentBottom="true"
        android:layout_toRightOf="@id/b"
        android:textColor="#f00"
        android:id="@+id/c"
        android:text="test 3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</RelativeLayout>

Answer 1

你必须将它们包装在另一个布局中，如下所示：

<RelativeLayout
    android:layout_gravity="center_horizontal"
    android:layout_width="wrap_content"
    android:layout_height="60dp">
    <TextView
        android:id="@+id/a"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="test 1"
        android:paddingTop="3dp" />

    <LinearLayout
        layout_centerHorizontal="true"
        android:layout_below="@id/a"
        android:orientation="horizontal"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
         <TextView
            android:id="@+id/b"
            android:paddingRight="5dp"
            android:textColor="#000"
            android:text="test 2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />

        <TextView
            android:id="@+id/c"
            android:textColor="#f00"
            android:text="test 3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />

    </LinearLayout>

</RelativeLayout>

Answer 2

试试这个：

`<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="60dp">
    <TextView
        android:id="@+id/a"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="test 1"
        android:gravity="center_horizontal"
        android:textColor="#000"
        android:paddingTop="3dp" />

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_horizontal"
        android:layout_below="@id/a">

    <TextView
        android:paddingRight="5dp"
        android:textColor="#000"
        android:text="test 2"
        android:id="@+id/b"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <TextView
        android:layout_toRightOf="@id/b"
        android:layout_below="@id/a"
        android:textColor="#f00"
        android:id="@+id/c"
        android:text="test 3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    </RelativeLayout>

</RelativeLayout>`

Answer 3

喜欢这个

<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:background="#dd80aa"
android:layout_height="match_parent">


<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:textAppearance="?android:attr/textAppearanceLarge"
    android:text="This is on the top"
    android:id="@+id/textView"
    android:layout_alignParentTop="true"
    android:layout_centerHorizontal="true"/>

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:textAppearance="?android:attr/textAppearanceLarge"
    android:text="Maybe I will try to make this a long text"
    android:id="@+id/textView2"
    android:layout_below="@+id/textView"
    android:layout_alignRight="@+id/textView"
    android:layout_alignEnd="@+id/textView"
    android:layout_marginRight="88dp"
    android:padding="20dp"
    android:background="#aa80ee"
    android:layout_marginEnd="88dp"/>

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:textAppearance="?android:attr/textAppearanceLarge"
    android:text="This time I'll try to do this on the right side"
    android:padding="20dp" android:background="#70aa80"
    android:id="@+id/textView3"
    android:layout_below="@+id/textView"
    android:layout_alignLeft="@+id/textView"
    android:layout_alignStart="@+id/textView"
    android:layout_marginLeft="88dp"
    android:layout_marginStart="88dp"/>
</RelativeLayout>

Answer 4

对于这样的情况我使用View。这对我来说很完美

<RelativeLayout
    android:layout_gravity="center_horizontal"
    android:layout_width="wrap_content"
    android:layout_height="60dp">
    <TextView
        android:id="@+id/a"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="test 1"
        android:layout_centerHorizontal="true"
        android:paddingTop="3dp" />
    <View
        android:id="@+id/center_view"
        android:layout_width="0dip"
        android:layout_height="0dip"
        android:layout_centerHorizontal="true"
        android:layout_below="@+id/a"/>

    <TextView
        android:id="@+id/b"
        android:layout_below="@id/a"
        android:layout_toLeftOf="@+id/center_view"
        android:paddingRight="5dp"
        android:textColor="#000"
        android:text="test 2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <TextView
        android:id="@+id/c"
        android:layout_toRightOf="@+id/center_view"
        android:layout_below="@id/a"
        android:textColor="#f00"
        android:text="test 3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</RelativeLayout>

Answer 5

你不可能需要使用两个视图组布局，你必须在Relativelatyou里面使用linearlayout或者在RelativeLayout里面使用RelativeLayout

如果您只使用一个ReltiveLayout singleRelativelayout

，则只能这样做

Answer 6

Textview a不在relativelayout的中心。为textview a添加android：layout_centerHorizontal =“true”。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_gravity="center_horizontal"
android:layout_width="wrap_content"
android:layout_height="60dp">
<TextView
    android:id="@+id/a"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerHorizontal="true"
    android:text="test 1"
    android:paddingTop="3dp" />

<TextView
    android:id="@+id/b"
    android:layout_below="@id/a"
    android:paddingRight="5dp"
    android:textColor="#000"
    android:text="test 2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />

<TextView
    android:id="@+id/c"
    android:layout_toRightOf="@id/b"
    android:layout_below="@id/a"
    android:textColor="#f00"
    android:text="test 3"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />

</RelativeLayout>

Answer 7

**Try this**
<?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:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerInParent="true" >

    <TextView
        android:id="@+id/txtView1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:text="TextView1" />

    <TextView
        android:id="@+id/txtView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/txtView1"
        android:layout_centerInParent="true"
        android:text="TextView2" />

    <TextView
        android:id="@+id/txtView3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/txtView1"
        android:layout_toRightOf="@+id/txtView2"
        android:text="TextView3" />
</RelativeLayout>

</RelativeLayout>

如何在RelativeLayout中居两个兄弟TextView？

7 个答案: