Come allineare a destra il widget nel layout lineare orizzontale Android?


206

Questo è il codice che sto usando e non funziona:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" 
    android:orientation="horizontal">

    <TextView android:text="TextView" android:id="@+id/textView1"
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content"
        android:gravity="right">
    </TextView>

</LinearLayout>

Risposte:


419

Prova ad aggiungere un vuoto Viewall'interno orizzontale LinearLayoutprima dell'elemento che desideri vedere correttamente, ad esempio:

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content" >

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

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</LinearLayout>

12
Questo funziona! Ma qualcuno può spiegare perché? Non riuscivo a capire del tutto.
GMsoF,

29
Empty View sta cercando di occupare la massima quantità di spazio, lasciando spazio al pulsante.
alcsan,

14
Finora questa è stata l'unica cosa che funziona per me nel tentativo di avere alcuni pulsanti a sinistra e un pulsante finale a destra. Ma mi sembra un trucco. C'è un modo "giusto" per farlo?
IcedDante,

8
Questo e spettacolare! Ma perché la gravità = "giusto" non funziona così fin dall'inizio? Perché ha bisogno di aiuto da quest'altra vista? E come è "giusto", se non lo è, senza la vista extra?
Africano

1
Questo non funziona in un layout simile a una griglia - non c'è spazio vuoto. La soluzione di Sherif elKhatib funziona.
Cdonner,

119

Non modificare la gravità di LinearLayout su "right" se non si desidera che tutto sia a destra.

Provare:

  1. Modifica la larghezza di TextView infill_parent
  2. Cambia TextView gravità inright

Codice:

    <TextView 
              android:text="TextView" 
              android:id="@+id/textView1"
              android:layout_width="fill_parent"
              android:layout_height="wrap_content"   
              android:gravity="right">
    </TextView>

1
grazie per questo - era la larghezza di fill_parent che mi stava gettando via
dldnh

2
Il layout lineare è progettato anche per raggiungere questo obiettivo? Non si dovrebbe semplicemente usare il layout relativo per raggiungere questo obiettivo? Questa soluzione non è un hack?
user2635088,

questo non funzionerà se si hanno più controlli TextView in un LinearLayout. Vedi la risposta di @alcsan
Felix,

Questa dovrebbe essere la risposta accettata. Questo approccio non utilizza alcuna vista aggiuntiva e, cosa più importante, non utilizza layout_weight che mostra notevolmente le prestazioni verso il basso.
Sermilion

android:layout_weight = "1"fianco a fianco android:gravity="right", dovrebbe fare il trucco.
Vassilis,

63

Come supplemento alla risposta di alcsan, puoi utilizzare Spaceda API 14 (Android 4.0 ICE_CREAM_SANDWICH), documento qui .

Lo spazio è una sottoclasse di visualizzazione leggera che può essere utilizzata per creare spazi tra i componenti nei layout di uso generale.

<?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:orientation="horizontal" >

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

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

</LinearLayout>

Per le app che supportano livelli API inferiori a 14, esiste una android.support.v4.widget.Spacelibreria di supporto Android r22.1.0.


Importante è che devi impostare layout_weight = "1"
code4j

Funziona perfettamente! Preserva la larghezza di ciascun elemento.
Phatmann,

Questo funziona Wow, la bruttezza di Android non smette mai di stupirmi
Chris Neve,

31

Con layout lineare

<LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/select_car_book_tabbar"
        android:gravity="right" >

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:src="@drawable/my_booking_icon" />
    </LinearLayout>

inserisci qui la descrizione dell'immagine

con FrameLayout

<FrameLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/select_car_book_tabbar">

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical|right"
            android:src="@drawable/my_booking_icon" />
    </FrameLayout>

con RelativeLayout

<RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/select_car_book_tabbar">

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_centerInParent="true"
            android:src="@drawable/my_booking_icon" />
    </RelativeLayout>

21

l'impostazione della vista layout_weight="1"farebbe il trucco.!

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

<TextView
    android:id="@+id/textView1"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_weight="1" />

<RadioButton
    android:id="@+id/radioButton1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>


2
Una soluzione così semplice +1
Alex,

1
Se qualcuno sta ancora cercando, questa è la soluzione giusta :)
passatgt

Questa è magia! Come l'hai scoperto?
Andreikashin,

@andreikashin, considera un voto positivo se ha aiutato. Grazie.
Saad Mahmud,

13

Aggiungi android:gravity="right"a LinearLayout. Supponendo l' TextViewhalayout_width="wrap_content"


2
Ha detto specificamente di allineare un singolo componente all'interno del LinearLayout. Non il layout lineare stesso: il layout stesso è impostato su fill_parent.
RichieHH,

8

aggiungi semplicemente il android:gravity="right"tuo layout del rivestimento.


4

L'ho fatto nel modo più semplice:

Basta prendere uno RelativeLayout e mettere il bambino vista in esso, che si vuole mettere a destra lato.

    <LinearLayout
        android:id="@+id/llMain"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#f5f4f4"
        android:gravity="center_vertical"
        android:orientation="horizontal"
        android:paddingBottom="20dp"
        android:paddingLeft="15dp"
        android:paddingRight="15dp"
        android:paddingTop="20dp">

        <ImageView
            android:id="@+id/ivOne"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_launcher" />


        <TextView
            android:id="@+id/txtOne"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="20dp"
            android:text="Hiren"
            android:textAppearance="@android:style/TextAppearance.Medium"
            android:textColor="@android:color/black" />

        <RelativeLayout
            android:id="@+id/rlRight"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="right">


            <ImageView
                android:id="@+id/ivRight"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:padding="5dp"
                android:src="@drawable/ic_launcher" />

        </RelativeLayout>
    </LinearLayout>

Spero che ti possa aiutare.


3

Dovresti usare un RelativeLayout e trascinarli fino a quando non sembra buono :)

    <ImageView
        android:id="@+id/button_info"
        android:layout_width="30dp"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        android:layout_marginRight="10dp"
        android:contentDescription="@string/pizza"
        android:src="@drawable/header_info_button" />

</RelativeLayout>

2
"trascinali" non consigliato per lo schermo multi risoluzione
Moses Aprico

3

linear layoutcon layout_width="fill_parent"e anche il widget con lo stesso layout width+gravity as right lo allineava a destra.

Sto usando 2 TextViews nel seguente esempio, topicTitlea sinistra e topicQuestionsa destra.

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

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:paddingLeft="20dp"
        android:orientation="horizontal">

    <TextView
        android:id="@+id/topicTitle"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="18sp"
        android:textStyle="bold" />

    <TextView
        android:id="@+id/topicQuestions"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:gravity="right"
        android:textSize="18sp"
        android:textStyle="bold" />
    </LinearLayout>

</RelativeLayout>

Produzione


2

Prova a cambiare layout_width in android:layout_width="match_parent"perché gravity:"right"allinea il testo all'interno di layout_width, e se scegli il contenuto a capo non ha dove andare, ma se scegli il genitore corrispondente può andare a destra.


2

Non è necessario utilizzare alcuna vista o elemento aggiuntivo:

// è così facile e semplice

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

// questo è l'allineamento a sinistra

<TextView
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="No. of Travellers"
      android:textColor="#000000"
      android:layout_weight="1"
      android:textStyle="bold"
      android:textAlignment="textStart"
      android:gravity="start" />

// questo è il giusto allineamento

<TextView
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:text="Done"
      android:textStyle="bold"
      android:textColor="@color/colorPrimary"
      android:layout_weight="1"
      android:textAlignment="textEnd"
      android:gravity="end" />

</LinearLayout>

0

Nel caso con TextView:

<TextView 
    android:text="TextView" 
    android:id="@+id/textView"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"   
    android:gravity="right"
    android:textAlignment="gravity">    
</TextView>

0

L'aggiunta della vista è un po 'difficile e copre tutta la larghezza dello schermo in questo modo:

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content" >

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

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />

Prova a questo codice:

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

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Create Account"/>

</LinearLayout>

-1

Ecco un esempio la chiave da organizzare è la seguente

android:layout_width="0dp"
android:layout_weight="1"

Codice completo

<?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:orientation="horizontal"
    android:padding="5dp">

    <TextView
        android:id="@+id/categoryName"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="abcd" />

    <TextView
        android:id="@+id/spareName"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="efgh" />

</LinearLayout>

inserisci qui la descrizione dell'immagine


-1

Usa match_parent e gravità per impostare il testo TextView a destra, in questo modo:

<?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:orientation="horizontal">

    <TextView android:text="TextView" android:id="@+id/textView1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="right">
    </TextView>

</LinearLayout>

-2

Prova questo..

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" 
    android:orientation="horizontal" 
    android:gravity="right" >



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

</LinearLayout>
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.