TextView Center Gravity not working

Question

I have tried all the possible combinations that I can think of but I am not able to position textview correctly. Here is the screenshot of the problem

From the first row of the image of the A Symbol it is clearly visible that margin from top is more than that of bottom.

This is the xml layout of the row

    <?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="wrap_content"
    android:background="#191e1e">

    <RelativeLayout
        android:id="@+id/client_initial_layout"
        android:layout_width="70dp"
        android:layout_height="70dp"
        android:layout_centerVertical="true"

        android:layout_marginLeft="10dp"
        android:background="#1f97e5">
        <!--  android:layout_marginLeft="10dp"
          android:layout_marginRight="10dp"
          android:layout_marginTop="20dp"-->
        <TextView
            android:id="@+id/client_initial"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"


            android:layout_centerHorizontal="true"

            android:text="X"
            android:textColor="#ffffff"
            android:textSize="60sp" />
    </RelativeLayout>

    <LinearLayout
        android:id="@+id/lin_name"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:layout_marginTop="10dp"
        android:layout_toRightOf="@+id/client_initial_layout"
        android:orientation="vertical">

        <TextView
            android:id="@+id/Client_name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Guest"
            android:textColor="#bcc3c4"
            android:textSize="16sp" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="3dp">

            <TextView
                android:id="@+id/text_contacted"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:text="Contacted:-"
                android:textColor="#797878"
                android:textSize="10sp" />

            <TextView
                android:id="@+id/contacted"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text=" Username"
                android:textColor="#797878"
                android:textSize="10sp" />
        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="3dp">

            <TextView
                android:id="@+id/text_product"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:text="Product:-"
                android:textColor="#797878"
                android:textSize="10sp" />

            <TextView
                android:id="@+id/product"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text=" Product Name"
                android:textColor="#797878"
                android:textSize="10sp" />
        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="3dp">

            <TextView
                android:id="@+id/text_contact_type"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:text="Contact Type:-"
                android:textColor="#797878"
                android:textSize="10sp" />

            <TextView
                android:id="@+id/contact_type"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text=" Dispute"
                android:textColor="#797878"
                android:textSize="10sp" />
        </LinearLayout>

        <LinearLayout
            android:id="@+id/lin_created"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="right"
            android:layout_marginTop="10dp">

            <TextView
                android:id="@+id/text_Created_date"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Created Date:-"
                android:textColor="#bcc3c4"
                android:textSize="8sp"
                android:textStyle="bold" />

            <TextView
                android:id="@+id/request_date"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text=" 2015-09-11-19:22:08"
                android:textColor="#bcc3c4"
                android:textSize="8sp"
                android:textStyle="bold" />

            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="end"
                android:layout_marginBottom="10dp"
                android:layout_marginLeft="20dp"
                android:layout_marginTop="3dp">

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="match_parent"
                    android:text="Request Date:-"
                    android:textColor="#bcc3c4"
                    android:textSize="8sp"
                    android:textStyle="bold" />

                <TextView
                    android:id="@+id/create_date"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text=" 2015-09-11"
                    android:textColor="#bcc3c4"
                    android:textSize="8sp"
                    android:textStyle="bold" />
            </LinearLayout>
        </LinearLayout>

    </LinearLayout>

</RelativeLayout>

I have tried all alignment related to center but it has no effect. But the preview shown in xml editor is perfect and is in center but not when I run the app and I am also not setting any kind of margin from java code

Please check padding of parent layout where your fragment is replacing. — pRaNaY, Mar 23 '16 at 10:26

score 1 · Accepted Answer · answered Mar 23 '16 at 10:08

changed to Linearlayout and with minor changes got this result,

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#191e1e">

    <LinearLayout
        android:id="@+id/client_initial_layout"
        android:layout_width="70dp"
        android:layout_height="70dp"
        android:layout_gravity="center"
        android:layout_marginLeft="10dp"
        android:layout_marginStart="10dp"
        android:background="#1f97e5"
        android:gravity="center">

        <TextView
            android:id="@+id/client_initial"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="X"
            android:textColor="#ffffff"
            android:textSize="60sp" />
    </LinearLayout>

    <LinearLayout
        android:id="@+id/lin_name"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:layout_marginTop="10dp"
        android:orientation="vertical">

        <TextView
            android:id="@+id/Client_name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Guest"
            android:textColor="#bcc3c4"
            android:textSize="16sp" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="3dp">

            <TextView
                android:id="@+id/text_contacted"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:text="Contacted:-"
                android:textColor="#797878"
                android:textSize="10sp" />

            <TextView
                android:id="@+id/contacted"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text=" Username"
                android:textColor="#797878"
                android:textSize="10sp" />
        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="3dp">

            <TextView
                android:id="@+id/text_product"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:text="Product:-"
                android:textColor="#797878"
                android:textSize="10sp" />

            <TextView
                android:id="@+id/product"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:text=" Product Name"
                android:textColor="#797878"
                android:textSize="10sp" />
        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="3dp">

            <TextView
                android:id="@+id/text_contact_type"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:text="Contact Type:-"
                android:textColor="#797878"
                android:textSize="10sp" />

            <TextView
                android:id="@+id/contact_type"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text=" Dispute"
                android:textColor="#797878"
                android:textSize="10sp" />
        </LinearLayout>

        <LinearLayout
            android:id="@+id/lin_created"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="right"
            android:layout_marginTop="10dp">

            <TextView
                android:id="@+id/text_Created_date"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Created Date:-"
                android:textColor="#bcc3c4"
                android:textSize="8sp"
                android:textStyle="bold" />

            <TextView
                android:id="@+id/request_date"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text=" 2015-09-11-19:22:08"
                android:textColor="#bcc3c4"
                android:textSize="8sp"
                android:textStyle="bold" />

            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="end"
                android:layout_marginBottom="10dp"
                android:layout_marginLeft="20dp"
                android:layout_marginTop="3dp">

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="match_parent"
                    android:text="Request Date:-"
                    android:textColor="#bcc3c4"
                    android:textSize="8sp"
                    android:textStyle="bold" />

                <TextView
                    android:id="@+id/create_date"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text=" 2015-09-11"
                    android:textColor="#bcc3c4"
                    android:textSize="8sp"
                    android:textStyle="bold" />
            </LinearLayout>
        </LinearLayout>
    </LinearLayout>

</LinearLayout>

it shows in center in xml editor in studio but not when I run it — Vivek Mishra, Mar 23 '16 at 11:16
okay than you might have to manage **android:textSize** according to your device. — Amit Vaghela, Mar 23 '16 at 11:18
after nothing worked, I am now using wrap_content with left and right padding — Vivek Mishra, Mar 23 '16 at 11:28
decrease in **android:textSize** of textview doest work for you ? — Amit Vaghela, Mar 23 '16 at 11:30
i know it is required but you can adjust size of that textview according to different devices. — Amit Vaghela, Mar 23 '16 at 11:34

score 0 · Answer 2 · answered Mar 23 '16 at 10:04

change your relative layout like below, it will work

 <RelativeLayout
        android:id="@+id/client_initial_layout"
        android:layout_width="70dp"
        android:layout_height="70dp"
        android:layout_centerVertical="true"

        android:layout_marginLeft="10dp"
        android:background="#1f97e5">
        <!--  android:layout_marginLeft="10dp"
          android:layout_marginRight="10dp"
          android:layout_marginTop="20dp"-->
        <TextView
            android:id="@+id/client_initial"
            android:layout_width="70dp"
            android:layout_height="70dp"


       android:gravity="center"

            android:text="X"
            android:textColor="#ffffff"
            android:textSize="60sp" />
    </RelativeLayout>

Hope this answer help full to you

It works fine from my side, By the you can try textview client_initial ,gives height width fill_parent — AmeeJoshi, Mar 23 '16 at 10:08

score 0 · Answer 3 · answered Mar 23 '16 at 10:13

try centerVertical

<RelativeLayout
        android:id="@+id/client_initial_layout"
        android:layout_width="70dp"
        android:layout_height="70dp"
        android:layout_centerVertical="true"

        android:layout_marginLeft="10dp"
        android:background="#1f97e5">
        <!--  android:layout_marginLeft="10dp"
          android:layout_marginRight="10dp"
          android:layout_marginTop="20dp"-->
        <TextView
            android:id="@+id/client_initial"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"


            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:text="X"
            android:textColor="#ffffff"
            android:textSize="60sp" />
    </RelativeLayout>

score 0 · Answer 4 · answered Mar 23 '16 at 10:16

use it:

 <RelativeLayout
    android:id="@+id/client_initial_layout"
    android:layout_width="70dp"
    android:layout_height="70dp"
    android:layout_centerVertical="true"

    android:layout_marginLeft="10dp"
    android:background="#1f97e5">
    <!--  android:layout_marginLeft="10dp"
      android:layout_marginRight="10dp"
      android:layout_marginTop="20dp"-->
    <TextView
        android:id="@+id/client_initial"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="X"
        android:textColor="#ffffff"
        android:textSize="60sp" />
</RelativeLayout>

score 0 · Answer 5 · answered Mar 23 '16 at 10:17

Try using below code

Explanation:- as you have defined width & height so your layout wont show text in center of your layout so You have to make layout and TextView as wrap_content and try giving padding to your TextView and it should work!

<RelativeLayout
            android:id="@+id/client_initial_layout"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"


            android:layout_marginLeft="10dp"
            android:background="#1f97e5">

            <TextView
                android:id="@+id/client_initial"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerInParent="true"
                android:gravity="center"
                android:paddingLeft="20dp"
                android:paddingRight="20dp"

                android:text="A"
                android:textColor="#ffffff"
                android:textSize="60sp" />
        </RelativeLayout>

adding padding would be a workaround and not a proper solution — Vivek Mishra, Mar 23 '16 at 10:33
If you want to give specific width height I think this is the solution.@VivekMishra — Shishram, Mar 23 '16 at 10:34
having fixed width/height in android doesn't show text of widget in center as I have encountered also many times. so if you can find any solution pls do post here! — Shishram, Mar 23 '16 at 10:39

TextView Center Gravity not working

5 Answers5