Mettre les boutons en bas de l'écran avec LinearLayout?

J'ai le code suivant, comment puis-je faire en sorte que les 3 boutons sont en bas?

    <TextView
        android:id="@+id/textView1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="60dp"
        android:gravity="center"
        android:text="@string/observer"
        android:textAppearance="?android:attr/textAppearanceLarge"
        tools:context=".asdf"
        android:weight="1" />

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

        <Button
            android:id="@+id/button1"
            style="?android:attr/buttonStyleSmall"
            android:layout_width="145dp"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal|center"
            android:text="1" />

        <Button
            android:id="@+id/button2"
            style="?android:attr/buttonStyleSmall"
            android:layout_width="145dp"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal|center"
            android:text="2" />

        <Button
            android:id="@+id/button3"
            style="?android:attr/buttonStyleSmall"
            android:layout_width="145dp"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal|center"
            android:text="3" />
    </LinearLayout>

quel est ce point de vue enveloppé dans? un cadre de mise en page? relative de la mise en page?
Votre code contient une faute de frappe. Par android:weight="1" vous signifiait probablement android:layout_weight="1". Ce n'est pas votre problème.
double possible de Comment faire pour aligner les points de vue au bas de l'écran?

InformationsquelleAutor thedeepfield | 2013-02-08

231

Vous devez vous assurer de quatre choses:

Votre extérieur LinearLayout a layout_height="match_parent"
Votre intérieur LinearLayout a layout_weight="1" et layout_height="0dp"
Votre TextView a layout_weight="0"
Vous avez défini la gravité correctement sur votre intérieure LinearLayout: android:gravity="center|bottom"

Avis que fill_parent ne signifie pas "prendre tout l'espace disponible". Toutefois, si vous utilisez layout_height="0dp" avec layout_weight="1", puis une vue de prendre tout l'espace disponible (Ne peut pas obtenir une mise en page avec "fill_parent").

Voici quelque code que j'ai rapidement écrit, qui utilise deux LinearLayouts dans un mode similaire au votre code.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/db1_root"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:text="@string/cow"
        android:layout_weight="0"
        android:textAppearance="?android:attr/textAppearanceLarge" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dip"
        android:layout_weight="1"
        android:gravity="center|bottom"
        android:orientation="vertical" >

        <Button
            android:id="@+id/button1"
            style="?android:attr/buttonStyleSmall"
            android:layout_width="145dp"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal|center"
            android:text="1" />

        <Button
            android:id="@+id/button2"
            style="?android:attr/buttonStyleSmall"
            android:layout_width="145dp"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal|center"
            android:text="2" />

        <Button
            android:id="@+id/button3"
            style="?android:attr/buttonStyleSmall"
            android:layout_width="145dp"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal|center"
            android:text="3" />
    </LinearLayout>

</LinearLayout>

Le résultat ressemble similaire à ceci:

Mettre les boutons en bas de l'écran avec LinearLayout?

A voté juste pour la remarque sur comment pour obtenir une vue de remplir tout l'espace disponible! Merci, super réponse!
Ces Peluches avertissements...!
Ce n'est pas la meilleure solution becoz après que tu ne peux pas régler la vue au centre de restants de l'écran .........................donc, la meilleure solution sera remis à cette réponse -stackoverflow.com/a/26140793/4741746
Ne fonctionne pas avec le Scrollview
Pouvez-vous nous décrire l'importance de layout_weight="0" ou ce qu'il fait réellement?

InformationsquelleAutor Brian Attwell

22

Vous pouvez utiliser un RelativeLayout et d'aligner le bas avec android:layout_alignParentBottom="true"
- il n'est pas possible à l'aide de linéaire de mise en page?
- Il est. Comme @AND_DEV déjà dit: l'Utilisation layout_weight="1". Avec cela, votre LinearLayout occupera de la hauteur à gauche sur l'écran; vous pouvez maintenant définir la gravité de vos Boutons vers le bas.
- Relativelayouts sont difficiles à lire, presque jamais faire ce que vous voulez et sont généralement terrible à maintenir. Je prendrais les performances de 30 linearlayouts plus de 1 relativelayout n'importe quel jour de la semaine, tout simplement parce qu'il permet d'économiser des heures de frustrant violon.
- je pense que la question posée est très clair que c'est pour un LinearLayout, Mais a répondu RelativityLayout et Brian Attwell répondu clairement avec android:gravity="center|bas" !
- Je ne suis vraiment pas sûr de savoir pourquoi vous êtes en commentant une réponse que j'ai donné plus de 6(!) il y a des années. C'est en 2019, il suffit d'utiliser un ConstraintLayout.
InformationsquelleAutor Ahmad
11

Créer Relatif de la mise en page et à l'intérieur de cette mise en page créer votre bouton avec cette ligne
```
android:layout_alignParentBottom="true"
```
- en outre, l'ajout de android:layout_centerHorizontal="true" aussi centrer horizontalement en fait une excellente solution.
- Le Grand Truc. Merci
InformationsquelleAutor varghesekutty

d'abord créer un fichier de nom comme footer.xml
placer ce code à l'intérieur.

<?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="78dp"
    android:layout_gravity="bottom"
    android:gravity="bottom"
 android:layout_weight=".15"
    android:orientation="horizontal"
    android:background="@drawable/actionbar_dark_background_tile" >
    <ImageView
        android:id="@+id/lborder"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight=".14"
        android:background="@drawable/action_bar_left_button"
        android:src="@drawable/overlay" />
    <ImageView
        android:id="@+id/unknown"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight=".14"
        android:background="@drawable/action_bar_left_button"
        android:src="@drawable/notcolor" />
    <ImageView
        android:id="@+id/open"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight=".14"
        android:background="@drawable/action_bar_left_button"
        android:src="@drawable/openit"
        />
    <ImageView
        android:id="@+id/color"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight=".14"
        android:background="@drawable/action_bar_left_button"
        android:src="@drawable/colored" />
        <ImageView
        android:id="@+id/rborder"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:background="@drawable/action_bar_left_button"
        android:src="@drawable/frames"
        android:layout_weight=".14" />


</LinearLayout>

puis créer header.xml et de mettre ce code à l'intérieur.:

<?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="@dimen/action_bar_height"
android:layout_gravity="top"
android:baselineAligned="true"
android:orientation="horizontal"
android:background="@drawable/actionbar_dark_background_tile" >
<ImageView
android:id="@+id/contact"
android:layout_width="37dp"
android:layout_height="wrap_content"
android:layout_gravity="start"
android:layout_weight=".18"
android:scaleType="fitCenter"
android:background="@drawable/action_bar_left_button"
android:src="@drawable/logo"/>
<ImageView
android:id="@+id/share"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_gravity="start"
android:layout_weight=".14"
android:background="@drawable/action_bar_left_button"
android:src="@drawable/share" />
<ImageView
android:id="@+id/save"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight=".14"
android:background="@drawable/action_bar_left_button"
android:src="@drawable/save" />
<ImageView
android:id="@+id/set"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight=".14"
android:background="@drawable/action_bar_left_button"
android:src="@drawable/set" />
<ImageView
android:id="@+id/fix"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight=".14"
android:background="@drawable/action_bar_left_button"
android:src="@drawable/light" />
<ImageView
android:id="@+id/rotate"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight=".14"
android:background="@drawable/action_bar_left_button"
android:src="@drawable/ic_menu_rotate" />
<ImageView
android:id="@+id/stock"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight=".14"
android:background="@drawable/action_bar_left_button"
android:src="@drawable/stock" />
</LinearLayout>

et puis dans votre main_activity.xml et de mettre ce code à l'intérieur :-

<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="fill_parent"
tools:context=".MainActivity"
android:id="@+id/relt"
android:background="@drawable/background" >
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="78dp"
android:id="@+id/down"
android:layout_alignParentBottom="true" >
<include
android:layout_width="fill_parent"
android:layout_height="78dp"
layout="@layout/footer" >
</include>
</LinearLayout>
<ImageView
android:id="@+id/view"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_above="@+id/down"
android:layout_alignParentLeft="true"
android:layout_alignParentRight="true"
android:layout_below="@+id/inc"
>  
</ImageView> 
<include layout="@layout/header"
android:id="@+id/inc"
android:layout_width="fill_parent"
android:layout_height="50dp"></include>

heureux de codage 🙂

L'ordre de la matière? J'ai remarqué que vous mettez le pied de page comme le premier élément, et l'en-tête comme la dernière.
non, il n'a pas d'importance parce que RelativeLayout a ses propres attributs de sorte que vous pouvez contrôler où d'autres modèles s'inscrivent à l'intérieur d'elle. comme : layout_below , etc.

InformationsquelleAutor k0sh

Vous pouvez le faire en prenant un Cadre de mise en page en tant que parent, Mise en page, puis mettre linéaire de la mise en page à l'intérieur. Voici un exemple:

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="5dp"
android:textSize="16sp"/>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="5dp"      
android:textSize="16sp"
/>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="5dp"
android:textSize="16sp"/>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="5dp"
android:textSize="16sp"/>
</LinearLayout>
<Button
android:id="@+id/button2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="10dp"
android:layout_gravity="bottom"
/>
</FrameLayout>

InformationsquelleAutor Diya Bhat

<LinearLayout
android:id="@+id/LinearLayouts02"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:gravity="bottom|end">
<TextView
android:id="@+id/texts1"
android:layout_height="match_parent"
android:layout_width="match_parent"
android:layout_weight="2"
android:text="@string/forgotpass"
android:padding="7dp"
android:gravity="bottom|center_horizontal"
android:paddingLeft="10dp"
android:layout_marginBottom="30dp"
android:bottomLeftRadius="10dp"
android:bottomRightRadius="50dp"
android:fontFamily="sans-serif-condensed"
android:textColor="@color/colorAccent"
android:textStyle="bold"
android:textSize="16sp"
android:topLeftRadius="10dp"
android:topRightRadius="10dp"/>
</LinearLayout>

InformationsquelleAutor Syed Danish Haider

1

Juste ajouter layout_weight="1" dans votre linearLayout qui avoir des Boutons.

Edit :- permettez-moi de faire simple

suivre quelque chose comme ci-dessous, les balises de nom ne peut pas être correcte, c'est juste une Idée
```
<LL>//Top Parrent LinearLayout
<LL1 height="fill_parent" weight="1" "other tags as requirement"> <TV /><Butons /></LL1> //this layout will fill your screen.
<LL2 height="wrap_content" weight="1"  orientation="Horizontal" "other tags as requirement"> <BT1 /><BT2/ ></LL2> //this layout gonna take lower part of button height of your screen
<LL/> TOP PARENT CLOSED
```
- l'ajout de anroid:layout_weight="1" ne pas déplacer le linéaire de la mise en page (et les boutons), vers le bas...
- consultez maintenant, maintenant, je pense que j'ai fait moi-même clair.
- vous avez oublié de mettre android:la gravité. Maintenant, les boutons seront toujours au top, même si le LinearLayout qui les contient remplit l'ensemble de la zone du bas.
- Non , les Boutons seront en LL2 et qui seront en bas de la zone. Pouvez définir la Gravité si l'OP veut Bouton dans l'exacte ligne de fond. Je viens de donner une Idée approximative, de sorte qu'il peut le faire en fonction de sa condition.
- Dois-je vous lis correctement, que vous utilisez LL1 élément d'espacement, donc, tout à la prochaine sera au fond? Jolie astuce.
- oui
InformationsquelleAutor AAnkit
1

Ajouter android:windowSoftInputMode="adjustPan" de manifester à l'activité correspondante:
```
  <activity android:name="MyActivity"
...
android:windowSoftInputMode="adjustPan"
...
</activity>
```
InformationsquelleAutor oskarko
0

Vous pouvez regrouper vos Bouton(s) dans un RelativeLayout même si votre Parent la Mise en page est Linéaire. Assurez-vous que l'extérieur de la plupart des parents a android:layout_height attribut match_parent.
Et sur ce Bouton ajouter un tag
'android:alignParentBottom="True" '

InformationsquelleAutor vidit pandey

Vous devez vous connecter pour publier un commentaire.