如何在RelativeLayout中将两个同级TextView居中？

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，则只能这样做

Answer 6

Textview a不在relativelayout的中心。 为文本视图a添加android：layout_centerHorizo​​ntal =“ 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>