Align TextView to RelativeLayout Center

in my application i have relative layout and inside 3 textview. I would place 3 textviews, 1 to the left, 1 to the right and 1 to the center.

AS IT IS

enter image description here

TO BE

enter image description here

THIS IS MY XML PLAN

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

How to place a textview with id "vs" to the center of the relative layout (central screen)?

thank

+3
source share
6 answers

Try the following layout structure with your ...

<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>
+3
source

Please use the code in 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"

        />
+1
source

, ,

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

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

, .

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

In my case, I tried to use android:layout_centerHorizontal="true", as suggested in this thread, to display text when the AdapterView (ListView, GridView, etc.) is empty, but this did not work:

The solution was to use instead 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> 

do not forget to use android:gravity="center"to align text correctly

enter image description here

0
source

All Articles