CODEWITHSUNDEEP
androidandroid-layout
GyRo
GyRo

Reputation: 2646

Can't align view to the right

I am trying to display one view in the left side and one to the right side of the parent layout as following:

<LinearLayout     
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="left"
        android:layout_gravity="left" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="right"
        android:layout_gravity="right" />
</LinearLayout>

But as a result I see both textViews aligned to the left only. I don't understand why. I manage to set the verticaly layout_gravity but not the horizontal one. In addition, I could add: 

android:gravity="right"

to the parent layout and than see both views on the right side but couldnt find a way to display one in the left side and one in the right side.
Please help.

Upvotes: 0

Views: 374

Answers (8)

Faruk Yazici
Faruk Yazici

Reputation: 2404

Another trick here;

Place an invisible View between the TextViews. And it will occupy the whole remaining area with android:layout_weight="1", so TextViews will remain on both ends. No gravity needed. Try the code below :)

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="left" />

    <View
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="right" />
</LinearLayout>

Upvotes: 1

Amsheer
Amsheer

Reputation: 7131

Try this:

<LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="horizontal" >

        <TextView
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="left"
            android:text="left" />

        <TextView
            android:layout_width="0dip"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="right"
            android:text="right" />
    </LinearLayout>

Or Try the following

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:text="left" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:text="right" />

</RelativeLayout>

Edit: In method 1 using weight for splitting the total screen as two parts and set the gravity for first item is left and gravity for second item is right. I am not using android:layout_gravity for TextView . Using android:gravity. Better practise you can use relativeLayout. Check the second option

Upvotes: 1

Sjd
Sjd

Reputation: 1261

You can try this as well

    <LinearLayout
    android:layout_width="match_parent"
    android:orientation="horizontal"
    android:layout_height="match_parent">

    <TextView
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:gravity="left"
        android:text="left" />

    <TextView
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:gravity="right"
        android:text="right" />

</LinearLayout>

Upvotes: 1

Lamorak
Lamorak

Reputation: 11137

The easiest solution with LinearLayout is modifying your right textview with gravity="right"

<TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="right"
    android:gravity="right" />

But I would strongly reccomend using a RelativeLayout as @Sjd suggested.

Upvotes: 0

Avishek Das
Avishek Das

Reputation: 699

try 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="match_parent"
android:baselineAligned="false"
android:orientation="horizontal" >

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_weight="1"
    android:gravity="left" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="left" />
</LinearLayout>

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_weight="1"
    android:gravity="right" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="right" />
</LinearLayout>

</LinearLayout>

Upvotes: 0

Hulk
Hulk

Reputation: 237

<?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="match_parent"
    android:weightSum="100"
    android:orientation="horizontal">

    <TextView
        android:layout_weight="50"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:text="left"
       android:gravity="left" />

    <TextView
        android:layout_weight="50"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:text="right"
        android:gravity="right" />
</LinearLayout>

Upvotes: 0

Sjd
Sjd

Reputation: 1261

Use Relativelayout instead

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:text="left" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:text="right" />

</RelativeLayout>

Upvotes: 0

SebastianGreen
SebastianGreen

Reputation: 134

Set android:layout_weight="1" to both your TextViews

Upvotes: 0

Related Questions