Les poids de mise en page dans Android LinearLayout ne fonctionnent pas correctement

Question

J'ai un ListView qui affiche deux éléments d'affilée. Le View qui affiche une ligne a une LinearLayout comme il est la racine:

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

    <LinearLayout 
     android:layout_width="0dp" 
     android:layout_height="match_parent" 
     android:layout_weight="1" 
     android:gravity="center" 
     android:orientation="horizontal" 
     android:paddingBottom="10dp" 
     android:paddingTop="10dp"> 

     <LinearLayout 
      android:id="@+id/layout1" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:background="@color/grey" 
      android:gravity="center_vertical"> 

      <TextView 
       android:id="@+id/textview1" 
       style="@style/refinement_button" 
       android:layout_width="150dp" 
       android:layout_height="wrap_content" 
       android:layout_margin="1dp" 
       android:layout_weight="1" 
       android:background="@color/white"/> 
     </LinearLayout> 
    </LinearLayout> 

    <LinearLayout 
     android:layout_width="0dp" 
     android:layout_height="match_parent" 
     android:layout_weight="1" 
     android:gravity="center" 
     android:orientation="horizontal" 
     android:paddingBottom="10dp" 
     android:paddingTop="10dp"> 

     <LinearLayout 
      android:id="@+id/layout2" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:background="@color/grey" 
      android:gravity="center_vertical"> 

      <TextView 
       android:id="@+id/textview2" 
       style="@style/refinement_button" 
       android:layout_width="150dp" 
       android:layout_height="wrap_content" 
       android:layout_margin="1dp" 
       android:layout_weight="1" 
       android:background="@color/white"/> 
     </LinearLayout> 
    </LinearLayout> 
</LinearLayout> 

Dans l'éditeur dans Android Studio Je vois

mais sur un appareil que je vois

(image recréée dans l'éditeur, pour gagner du temps)

J'ai essayé ceci sur un Nexus6 avec Android 7.0 et sur un Nexus 5 avec Android 6.0.1. Je suppose que c'est un bug dans Android sur les téléphones, ou dans l'éditeur dans Android Studio. Le but de l'éditeur est de vous montrer à quoi ressemble votre mise en page sur un appareil.

Je ne demande pas de conseils sur la façon de créer une mise en page appropriée. Mon seul point est que ce qui apparaît sur mon appareil est différent de ce que je vois dans l'éditeur dans Android Studio et je me demande comment venir.

Answer 1

Le ListView est dans un fragment, c'est sa mise en page:

<?xml version="1.0" encoding="utf-8"?> 
<FrameLayout 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/product_list" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:divider="@null" 
    android:layout_marginTop="30dp" 
    android:fadingEdge="none" 
    android:scrollingCache="false"/> 

Modification du FrameLayout à un LinearLayout ici résolu mon problème.

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

Je pense que les poids dans mes éléments de mise en page dépendrait de la mise en page d'emballage dans la liste mise en page de la ligne, que je vois dans mon éditeur. Cependant, le parent de cette disposition semble importer sur un périphérique.

Answer 2

changer la mise en page,

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

     <TextView 
      android:id="@+id/textview1" 
      style="@style/refinement_button" 
      android:layout_weight="1" 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_margin="10dp" 
      android:background="@drawable/text_bg" /> 

     <TextView 
      android:id="@+id/textview2" 
      android:layout_weight="1" 
      style="@style/refinement_button" 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_margin="10dp" 
      android:background="@drawable/text_bg" /> 

</LinearLayout> 

créer un fichier dans le dossier text_bg.xmldrawable.

text_bg.xml

<?xml version="1.0" encoding="utf-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="rectangle"> 

    <solid android:color="@color/white"/> 
    <stroke android:color="@color/grey" android:width="1dp"/> 

</shape> 

Ne jamais utiliser les indésirables Layouts ....

<?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" 
    android:padding="10dp"> 

    <TextView 
     android:id="@+id/textview1" 
     style="@style/refinement_button" 
     android:layout_weight="1" 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:layout_margin="10dp" 
     android:background="@drawable/text_bg" /> 

    <TextView 
     android:id="@+id/textview2" 
     android:layout_weight="1" 
     style="@style/refinement_button" 
     android:layout_width="0dp" 
     android:layout_height="wrap_content" 
     android:layout_margin="10dp" 
     android:background="@drawable/text_bg" /> 

</LinearLayout> 

Les résultats de Genymotion # Samsung Galaxy Note 3 api 18 # Samsung Galaxy s6 api 21 # Google Nexus 7 api 23

Je veux savoir une chose, dispositif dans lequel vous avez testé le code?