How to add space between two textviews

Question

I am new to android development and I was just wondering how can I add space between two TextViews? Any help would be appreciated.

The code I have written so far

<?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="fill_parent"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/lbl_group_coworkers"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Coworkers" />

    <TextView 
        android:id="@id/lbl_group_"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Family"/>



</LinearLayout>

Replace parent LinearLayout to RelativeLayout and add android:layout_marginLeft="10dp" in your second textView — tj's, Sep 11 '13 at 11:49

score 18 · Accepted Answer · answered Sep 11 '13 at 11:46

You can use android:layout_marginTop="value" like this

<?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="fill_parent"
        android:orientation="vertical" >

        <TextView
            android:id="@+id/lbl_group_coworkers"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Coworkers" />

        <TextView 
            android:id="@id/lbl_group_"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:text="Family"/>
    </LinearLayout>

score 6 · Answer 2 · answered Sep 11 '13 at 11:45

you can have margin between two textview. add top margin to the second textview

like this

 <TextView 
    android:id="@id/lbl_group_"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="20dp"
    android:text="Family"/>

score 3 · Answer 3 · answered Sep 11 '13 at 11:49

3

Just replace <LinearLayout> </LinearLayout> with <RelativeLayout> </RelativeLayout> then go in graphical layout and adjust space as you like.

answered Sep 11 '13 at 11:49

John R

2,078
8
35
58

A solution should be given that is not specific to a layout type. – Justin Meiners Mar 20 '16 at 05:56

score 1 · Answer 4 · answered Sep 11 '13 at 11:42

1

add margin left right top bottom

 android:layout_marginLeft="10dp"

answered Sep 11 '13 at 11:42

yuva ツ

3,707
9
50
78

score 1 · Answer 5 · edited Jun 12 '15 at 11:40

1

add android:layout_marginRight="..." to the first textView

edited Jun 12 '15 at 11:40

Deepzz

4,573
1
28
52

answered Sep 11 '13 at 11:44

Evgeni Roitburg

1,958
21
33

score 1 · Answer 6 · answered Sep 11 '13 at 11:44

try adding margin

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >

<TextView
    android:id="@+id/lbl_group_coworkers"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Coworkers" 
    android:layout_margin="10dp"/>

<TextView 

    android:id="@+id/lbl_group"
    android:layout_margin="10dp"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Family"/>

</LinearLayout>

score 1 · Answer 7 · answered Sep 11 '13 at 11:44

You can use

android:layout_margin="5dp"

or

android:layout_marginLeft="5dp"
android:layout_marginRight="5dp"
android:layout_marginTop="5dp"
android:layout_marginBottom="5dp"

But before you ask a lot more such questions, I'd suggest to read through the android dev guides ( http://developer.android.com/guide/components/fundamentals.html )

Good Luck and have fun developing...

score 1 · Answer 8 · edited May 23 '17 at 12:17

1

You can use either padding or margin depending on what you need, here is a link of a guy who gives a good explanation between the two that will help you decide on which one you'd like to use: android margin vs padding

edited May 23 '17 at 12:17

Community

1
1

answered Sep 11 '13 at 11:47

cking24343

3,173
1
21
23

Panchal Nilkanth · Answer 9 · 2018-05-22T01:47:14.623

1

set margin property in TextView...

android:layout_marginTop="20dp"
android:layout_marginRight="20dp"
android:layout_marginBottom="20dp"
android:layout_marginLeft="20dp"

and if all side set space then...

android:layout_margin="20dp"

edited May 22 '18 at 01:47

answered May 21 '18 at 23:50

Panchal Nilkanth

57
6

score 0 · Answer 10 · answered Jul 22 '20 at 06:37

Use GridLayout instead of LinearLayout

<GridLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="A"
            android:layout_gravity="left" />
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="B"
            android:layout_gravity="right" />
</GridLayout>

SFDCCoder · Answer 11 · 2016-11-28T06:05:50.930

-1

  <?xml version="1.0" encoding="utf-8"?>
  <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   android:orientation="vertical" android:layout_width="match_parent"
   android:layout_height="match_parent"
   android:background="@drawable/custom_border"
  >
  <TextView
      android:text="@string/textView_reference_number"
      style="@style/CustomTextView"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:id="@+id/textView_refernce_number_label"
      />
   <TextView
      android:text="Reference Number Value"
      style="@style/CustomTextView"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:id="@+id/textView_refernce_number"
      android:layout_marginTop="10dp"/>   
 </LinearLayout>

android:layout_marginTop XML attribute is used to specify extra space on the top side of this view. Thus android:layout_marginTop="10dp" on 2nd textView is specifying 10 dp of space between it and above view. @UDI Please refer below link for more details over the same https://developer.android.com/reference/android/view/ViewGroup.MarginLayoutParams.html

edited Nov 28 '16 at 06:05

answered Nov 23 '16 at 11:54

SFDCCoder

23
4

Can you explain what are doing in your answer. Simply pasting code won't help any one to understand the concept. – UDID Nov 23 '16 at 12:17
android:layout_marginTop XML attribute is used to specify extra space on the top side of this view. Thus android:layout_marginTop="10dp" on 2nd textView is specifying 10 dp of space between it and above view. @UDI Please refer below link for more details over the same. https://developer.android.com/reference/android/view/ViewGroup.MarginLayoutParams.html – SFDCCoder Nov 27 '16 at 05:55
Please check it. Hope it helps. Please comment if you require any other help or have any other confusion. @UDID – SFDCCoder Nov 27 '16 at 06:01
Please add this in to answer this will help for future use. – UDID Nov 28 '16 at 05:12

How to add space between two textviews

11 Answers11