web-dev-qa-db-fra.com

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

J'ai le code suivant, comment puis-je le faire pour que les 3 boutons soient 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>

androidxmlandroid-layoutbuttonandroid-linearlayout
116
thedeepfield

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 réglé la gravité correctement sur votre LinearLayout: Android:gravity="center|bottom" intérieur

Notez que fill_parent ne signifie pas "utiliser tout l'espace disponible". Cependant, si vous utilisez layout_height="0dp" avec layout_weight="1", une vue occupera tout l'espace disponible ( Impossible d'obtenir une présentation correcte avec "fill_parent" ).

Voici un code que j'ai rapidement rédigé et qui utilise deux LinearLayouts de manière similaire à 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 à ceci:

enter image description here

218
Brian Attwell

Vous pouvez utiliser une RelativeLayout et l'aligner au bas avec Android:layout_alignParentBottom="true"

19
Ahmad

Créer une mise en page relative et à l'intérieur de cette mise en page, créez votre bouton avec cette ligne

Android:layout_alignParentBottom="true"
10
varghesekutty

commencez par créer le fichier en le nommant footer.xml insérez 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éez header.xml et mettez-y le code .:

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

puis dans votre main_activity.xml et mettez 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>

bonne codage :)

4
k0sh

Vous pouvez le faire en prenant une disposition Frame en tant que disposition parent puis en y plaçant une disposition linéaire. 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>
3
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>
2
Syed Danish Haider

Ajoutez Android:windowSoftInputMode="adjustPan" au manifeste - à l'activité correspondante:

  <activity Android:name="MyActivity"
    ...
    Android:windowSoftInputMode="adjustPan"
    ...
  </activity>
1
oskarko

Ajoutez simplement layout_weight = "1" dans votre linearLayout qui a des boutons. 

Edit: - laisse-moi faire simple

suivez quelque chose comme ci-dessous, le nom des tags peut ne pas être correct, 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
1
AAnkit

Vous pouvez regrouper votre bouton (s) dans un RelativeLayout même si votre modèle de parent est linéaire. Assurez-vous que le parent le plus externe a l'attribut Android: layout_height défini sur match_parent . Et dans cette balise Button, ajoutez 'Android: alignParentBottom = "True"'

0
vidit pandey