将TextView与RelativeLayout的中心对齐

时间:2014-02-26 08:38:34

标签: android android-layout

在我的应用程序中,我有一个相对布局和3个textview。我会放置3 textview ,1到左,1到右,1到中心。

原样

enter image description here

enter image description here

这是我的布局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放在相对布局(中心屏幕)的中心?

感谢

6 个答案:

答案 0 :(得分:4)

尝试使用以下布局结构......

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

答案 1 :(得分:1)

请使用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"

        />

答案 2 :(得分:1)

尝试这个,它会按预期工作

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

答案 3 :(得分:0)

尝试使用此代码的TextView,其id = android:id =“@ + id / vs

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

希望这有帮助。

答案 4 :(得分:0)

使用android:layout_centerHorizontal="true"

<强> Editted:

在布局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>

答案 5 :(得分:0)

在我的情况下,我尝试使用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"正确对齐文字

enter image description here