将TextView与RelativeLayout的中心对齐

Question

在我的应用程序中，我有一个相对布局和3个 TextView。我想将这三个 TextView 分别放置在左侧、右侧和中心位置。 当前情况 期望结果 以下是我的布局 XML：

<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:background="#FFFFFF"
     >
 <TextView

      android:id="@+id/girone"
      android:layout_width="fill_parent"
      android:layout_height="20dip"
      style="@style/NomeSquadra"

  />

     <TextView

            android:layout_marginLeft="2dip"
            android:id="@+id/home"
            android:layout_width="wrap_content"
            android:layout_height="25dip"
            android:layout_below="@+id/girone"
            style="@style/NomeSquadra"
            android:layout_alignParentLeft="true"
            android:gravity="left|center_vertical"
        />



       <TextView

            android:layout_marginLeft="2dip"
            android:id="@+id/vs"
            android:layout_toRightOf="@+id/home"
            android:layout_width="wrap_content"
            android:layout_height="25dip"
            android:layout_below="@+id/girone"
            style="@style/NomeSquadra"
            android:gravity="center|center_vertical"
        />



       <TextView
            android:layout_marginLeft="2dip"
            android:id="@+id/away"
            android:layout_toRightOf="@+id/vs"
            android:layout_width="wrap_content"
            android:layout_height="25dip"
            android:layout_below="@+id/girone"
            style="@style/NomeSquadra"
            android:layout_alignParentRight="true"
            android:gravity="right|center_vertical"
        />

</RelativeLayout>

@style/NomeSquadra :

 <style name="NomeSquadra" parent="@android:style/TextAppearance.Medium">
    <item name="android:textColor">#C0C0C0</item>
    <item name="android:typeface">monospace</item>
    <item name="android:textSize">10sp</item>
    <item name="android:textColorHighlight">#C0C0C0</item>
</style>

如何将id为“vs”的TextView放置在相对布局的中心位置（屏幕中央）？

谢谢。

- Gjord83

Answer 1

尝试使用以下布局结构与您的布局相匹配...

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:background="#FFFFFF" >

    <TextView
        android:id="@+id/girone"
        style="@style/NomeSquadra"
        android:layout_width="fill_parent"
        android:layout_height="20dip" />

    <TextView
        android:id="@+id/home"
        style="@style/NomeSquadra"
        android:layout_width="wrap_content"
        android:layout_height="25dip"
        android:layout_alignParentLeft="true"
        android:layout_below="@+id/girone"
        android:layout_marginLeft="2dip"
        android:gravity="left|center_vertical" />

    <TextView
        android:id="@+id/vs"
        style="@style/NomeSquadra"
        android:layout_width="wrap_content"
        android:layout_height="25dip"
        android:layout_below="@+id/girone"
        android:layout_centerHorizontal="true"
        android:gravity="center|center_vertical" />

    <TextView
        android:id="@+id/away"
        style="@style/NomeSquadra"
        android:layout_width="wrap_content"
        android:layout_height="25dip"
        android:layout_alignParentRight="true"
        android:layout_below="@+id/girone"
        android:layout_marginLeft="2dip"
        android:layout_toRightOf="@+id/vs"
        android:gravity="right|center_vertical" />

</RelativeLayout>

- Hamid Shatu

---

请查看我的更新答案...我认为你会懂的。 - Hamid Shatu

点击答案左侧的勾号。 - Aravin

只需勾选答案左上角的“接受答案”即可返回已翻译的文本...接受答案后，将显示一个绿色的勾号。 - Hamid Shatu

Answer 2

请将代码放在您的TextView中：

    <TextView

            android:layout_marginLeft="2dip"
            android:id="@+id/vs"
            android:layout_toRightOf="@+id/home"
            android:layout_width="wrap_content"
            android:layout_height="25dip"
            android:layout_centerHorizontal="true"
            android:layout_below="@+id/girone"
            style="@style/NomeSquadra"

        />

- Chirag Parmar

---

android:layout_centerHorizontal="true" 替换为 - Chirag Parmar

Answer 3

试一下这个，它会按照您的期望工作

<?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/1"
    android:layout_width="wrap_content"
    android:text="1"
    android:layout_height="wrap_content"/>
<TextView android:id="@+id/3"
    android:layout_width="wrap_content"
    android:layout_alignParentEnd="true"
    android:layout_height="wrap_content"
    android:text="3"
    />
<TextView
    android:id="@+id/2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
   android:layout_centerHorizontal="true"
    android:text="2" />


</RelativeLayout>

- Aravin

---

@user3336884 只需将此代码复制并粘贴到一个新的 XML 文件中，然后查看结果即可... - Aravin

请使用相对布局（RelativeLayout）。 - Aravin

我尝试了但是收到了相同的错误... 在这里查看 http://imageshack.com/a/img34/8602/3j4v.png - Gjord83

在Windows中，键入布局类型并按下Ctrl+Space键。然后你会看到这个parentlayoutEnd建议。 - Aravin

Answer 4

在我的情况下，我尝试使用建议中提到的android:layout_centerHorizontal="true"来显示当AdapterView（ListView、GridView等）为空时的文本，但这并没有起作用。

解决方案是改用android:layout_centerVertical="true"。

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

  <GridView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/toolsGridView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:columnWidth="90dp"
    android:gravity="center"
    android:horizontalSpacing="10dp"
    android:numColumns="auto_fit"
    android:stretchMode="columnWidth"
    android:verticalSpacing="10dp" />

  <TextView
    android:id="@+id/emptyGridViewText"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerVertical="true"
    android:gravity="center"
    android:padding="12dp"
    android:text="Not items to display at the moment. Please check again soon"
    android:textColor="@color/colorAccent"
    android:textSize="15sp"/>
  </RelativeLayout> 

记得使用 android:gravity="center" 来正确对齐文本

- Ojonugwa Jude Ochalifu

Answer 5

尝试使用以下代码来操作id为android:id="@+id/vs"的TextView

<TextView
       android:id="@+id/vs"
       android:layout_width="wrap_content"
       android:layout_height="25dip"
       android:layout_alignBaseline="@+id/away"
       android:layout_alignBottom="@+id/away"
       android:layout_centerHorizontal="true" />

希望这能有所帮助。

- i.n.e.f

Answer 6

使用android:layout_centerHorizontal="true"

编辑：

在您的布局xml文件中尝试下面的代码

<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
>
<TextView 
    android:layout_width="wrap_content"
    android:text="1"
    android:layout_height="wrap_content"/>

<TextView
    android:background="#ff6a0a0a"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
   android:layout_centerHorizontal="true"
    android:text="center first row" />

<TextView 
    android:layout_width="wrap_content"
    android:layout_alignParentEnd="true"
    android:layout_height="wrap_content"
    android:text="3"
    />
</RelativeLayout>
    <RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
>
<TextView 
    android:layout_width="wrap_content"
    android:text="1"
    android:layout_height="wrap_content"/>

<TextView
    android:background="#ff6a0a0a"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
   android:layout_centerHorizontal="true"
    android:text="2afasfasdf middle row  content" />

<TextView 
    android:layout_width="wrap_content"
    android:layout_alignParentEnd="true"
    android:layout_height="wrap_content"
    android:text="3"
    />
</RelativeLayout>

        <RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
>
<TextView 
    android:layout_width="wrap_content"
    android:text="1"
    android:layout_height="wrap_content"/>

<TextView
    android:background="#ff6a0a0a"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
   android:layout_centerHorizontal="true"
    android:text="thrid row" />

<TextView 
    android:layout_width="wrap_content"
    android:layout_alignParentEnd="true"
    android:layout_height="wrap_content"
    android:text="3"
    />
</RelativeLayout>

- Vinothkumar Arputharaj