Android: Comment pouvez-vous vous aligner un bouton en bas de page et listview ci-dessus?

Je veux avoir un bouton au bas de la liste.

Si j'utilise relativeLayout/FrameLayout, il s'aligne mais listView descend très bas.

(Derrière le bouton en bas)

Android: Comment pouvez-vous vous aligner un bouton en bas de page et listview ci-dessus?

FrameLayout:

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <ListView
        android:id="@+id/listview"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        />
    <FrameLayout
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_alignParentBottom="true">
        <Button
            android:id="@+id/btnButton"
            android:text="Hello"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom" />
    </FrameLayout>
</FrameLayout>

RelativeLayout:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <ListView
        android:id="@+id/listview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        />
    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true">
        <Button
            android:id="@+id/btnButton"
            android:text="Hello"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom" />
    </RelativeLayout>
</RelativeLayout>

Au-dessus de deux codes fonctionnent uniquement comme la première image. Ce que je veux, c'est la deuxième image.

Quelqu'un peut-il aider?

Merci.

InformationsquelleAutor jclova | 2011-02-08

alignment android layout listview

178

Un FrameLayoutbut est de superposer des choses l'un sur l'autre. Ce n'est pas ce que vous voulez.

Dans votre RelativeLayout exemple, vous définissez la ListViews de la hauteur et la largeur de MATCH_PARENT cela va l'inciter à prendre la même quantité d'espace que son parent, et donc l'ensemble de l'espace sur la page (et couvre le bouton).

Essayez quelque chose comme:
```
<LinearLayout 
   android:layout_width="match_parent" 
   android:layout_height="match_parent" 
   android:orientation="vertical">
  <ListView 
     android:layout_width="match_parent" 
     android:layout_height="0dip" 
     android:layout_weight="1"/>
  <Button 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_weight="0"/>
</LinearLayout>
```
La layout_weight dicte la façon dont l'espace est utilisé. Le Button ne veut pas aller au-delà de l'espace qu'il nécessite, de sorte qu'il a un poids de 0. Le ListView veut à l'ensemble de l'espace supplémentaire, de sorte qu'il a un poids de 1.

Vous pourriez faire quelque chose de similaire à l'aide d'un RelativeLayout, mais si c'est juste ces deux éléments, puis je pense que LinearLayout est plus simple.
- Résolu mon problème, mais android:weight devrait être: android:layout_weight
- Votre solution fonctionne très bien. Cependant, est-il une raison qu'il ne fonctionne qu'avec android:orientation="vertical"et non à l'horizontale ou pas d'oriantation spécifié?
- Eric, cela devrait fonctionner avec orientation=horizontale si vous aussi inverser les valeurs pour layout_width et layout_height. Je crois que horizontale est l'orientation par défaut, le choix c'est la même chose que de ne pas spécifier.
- Mais cette solution ne permet pas de gérer le cas où la liste n'est pas assez long pour remplir la totalité de l'espace vertical de l'écran. Si la liste seulement remplit la moitié de l'écran, puis sur le bouton s'affiche juste en dessous de la liste et donc se termine quelque part dans le milieu de l'écran. Dans ce cas, comment peut-on rendre le bouton apparaît toujours en bas?
- android:layout_weight="0dip" n'est pas vrai, il devrait être android:layout_weight="0" toute façons c'est une bonne approche
- Cette réponse est une meilleure explication que tout ce que j'ai trouver dans la documentation officielle, qui tout semble juste pour expliquer des choses à des gens qui le connaissent déjà.
- Meilleure réponse jamais 🙂 🙂
- Comment puis-je le résoudre s'il y a trois éléments, un en-tête, un pied de page et une listview?
- avez-vous essayez de définir l'en-tête et pied de page avec android:layout_weight="0" , et la liste elle-même comme android:layout_weight="1" ?
InformationsquelleAutor Cheryl Simon

4

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

    <ListView android:id="@+id/ListView01" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_weight="1">
    </ListView>

    <FrameLayout android:id="@+id/FrameLayout01" 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content">
         <Button android:id="@+id/Button01" 
              android:layout_width="wrap_content" 
              android:layout_height="wrap_content" 
              android:text="button" 
              android:layout_gravity="center_horizontal">
        </Button>
    </FrameLayout>

  </LinearLayout>

Ici, c'est le design que vous recherchez.
L'essayer.

InformationsquelleAutor Debarati

4

J'avais besoin de deux boutons côte-à-côte dans le bas. J'ai utilisé un linéaire horizontal layout, mais l'attribution android:layout_height="0dp" et android:layout_weight="0" pour les boutons' linéaire de la mise en page n'a pas fonctionné. L'attribution android:layout_height="wrap_content" pour juste les boutons " linéaire de la mise en page n'. Voici mon travail de mise en page:

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

    <ListView
        android:id="@+id/listView1"
        android:layout_width="match_parent"
        android:layout_height="0dp" 
        android:layout_weight="1" />

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

        <Button
            android:id="@+id/new_button"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="New" />

        <Button
            android:id="@+id/suggest_button"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="Suggest" />

    </LinearLayout>

</LinearLayout>

InformationsquelleAutor William T. Mallard

2

RelativeLayout ignore ses enfants android:layout_width ou android:layout_height attributs, si les enfants ont des attributs qui définissent leur left et right ou top et bottom valeurs, respectivement.

Pour atteindre le résultat sur l'image de droite, l'affichage de la liste ci-dessus le bouton, votre mise en page devrait ressembler à ceci:
```
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.v7.widget.RecyclerView
        android:id="@android:id/list"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_above="@android:id/button1"
        android:layout_alignParentTop="true"/>

    <Button
        android:id="@android:id/button1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:text="@android:string/ok"/>

</RelativeLayout>
```
L'essentiel est de définir android:layout_alignParentTop (définit top valeur) et android:layout_above (définit bottom valeur) dans votre RecyclerView. De cette façon, RelativeLayout ignore android:layout_height="match_parent", et la RecyclerView sera placé au-dessus de la Button.

Aussi, assurez-vous que vous regardez dans les android:layout_alignWithParentIfMissing, si vous avez une disposition plus complexe et vous devez toujours définir ces valeurs.

InformationsquelleAutor jpmcosta

1

Je suis à l'aide de Xamarin Android, et mon exigence est exactement le même que William T. Mallard, ci-dessus, c'est à dire une liste avec les 2 côte à côte des boutons en dessous.
La solution est cette réponse n'a pas fonctionné dans Xamarin Studio toutefois - lorsque j'ai mis la hauteur de la ListView "0dp", la liste tout simplement disparu.

Mon travail Xamarin Android code est comme suit:

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

<ListView
    android:id="@+id/ListView1"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    android:layout_above="@+id/ButtonsLinearLayout" />
<LinearLayout
    android:id="@id/ButtonsLinearLayout"
    android:layout_height="wrap_content"
    android:layout_width="fill_parent"
    android:orientation="horizontal"
    android:layout_alignParentBottom="true">
    <Button
        android:id="@+id/Button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1" />
    <Button
        android:id="@+id/Button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1" />
</LinearLayout>
</RelativeLayout>

J'ai aligné ButtonsLinearLayout vers le bas de l'écran, et de définir la liste à être au-dessus de ButtonsLinearLayout.

InformationsquelleAutor user1725145

0

@jclova une chose que vous pouvez faire est d'utiliser layout-below=@+id/listviewid relatif de la mise en page

InformationsquelleAutor Girish
0

À votre disposition relative de la hauteur de la listview est match_parent qui est fill_parent(pour la version 2.1 et plus) donc, la meilleure solution est, si vous voulez utiliser une relative mise en page puis la première à Déclarer votre bouton puis votre liste afficher, faire la liste de position de la vue comme au-dessus de votre bouton id, Si vous souhaitez bouton toujours à fond, puis le faire alignParentBottom..
Extrait de
```
<RelativeLayout 
android:layout_width="fill_parent" android:layout_height="fill_parent"
android:id="@+id/rl1"><Button 
 android:layout_width="MATCH_PARENT" 
 android:layout_height="WRAP_CONTENT" 
 /><ListView 
 android:layout_width="MATCH_PARENT" 
 android:layout_height="0" 
 android:layout_above="@id/listview"/></RelativeLayout>
```
Cela empêche votre liste vue de prendre toute la place et faire de votre bouton..
- (Avertissement: mineur Android terminologie pédantisme à l'avance.) Le terme est obsolète "fill_parent", pas "match_parent". Cela fait sens pour moi, parce que "remplir" signifie que les deux dimensions tandis que le "match" suggère "la même chose que".
InformationsquelleAutor om252345

0

Ce sera la meilleure et la plus simple solution de ce problème. Juste ajouter android:layout_above="@id/nameOfId" dans la mise en page que vous souhaitez déplacer au-dessus à l'égard de cette disposition.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.sumeru.commons.activity.CommonDocumentUploadActivity">

    <ListView

        android:id="@+id/documentList"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_above="@id/verifyOtp" />


    <com.sumeru.commons.helper.CustomButton
        android:id="@+id/verifyOtp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:text="@string/otp_verification" />
</RelativeLayout>

InformationsquelleAutor Rishabh Dhiman

Vous devez vous connecter pour publier un commentaire.