Liste recyclerview problème d'espacement entre les items

Version imprimable

22/11/2016, 19h18
BOLARD

8 pièce(s) jointe(s)

Liste recyclerview problème d'espacement entre les items

Bonjour à tous,
Je rencontre un problème avec la liste Recyclerview. Le soucis avec cette liste RecyclerView, c’est que chaque item tiens sur un écran, il y a un gros problème d'espacement.

--Le résultat que je devrais obtenir est le suivant :
Pièce jointe 225553

--Et moi j’obtiens ce résultat
Pièce jointe 225554
Pièce jointe 225556

Voici le code de mon layout recyclerview
Pièce jointe 225557

Voici le code de ma vue item
Pièce jointe 225558

Voici le fichier manifest.xml qui déclare le thème de l’activité

Voici le code java ou je récupère la liste recylcerview dans la classe MainActivity
Pièce jointe 225559

Voici l’implémentation de mon Adpatateur
Pièce jointe 225560

Classe interne viewholder de mon adaptater
Pièce jointe 225561

Je ne sais vraiment pas d'où vient ce problème d'affichage avec ce gros espacement entre les items, impossible de le réduire
J’aurai besoin de votre aide, pour comprendre et résoudre ce problème. Je vous remercie déjà pour l’aide comme vous avez peu m’apporté dans ces différentes discussions que j’ai ouvert sur ce forum.
Encore merci par avance pour cette nouvelle aide.
02/12/2016, 12h03
alves1993

Le problème se trouve au niveau de la vue de l'item.
Je te conseil de modifier la valeur android:layout_height de ton LinearLayout, de mettre plutôt wrap_content au lieux de match_parent
06/12/2016, 12h15
BOLARD

1 pièce(s) jointe(s)

Bonjour Alves1993,

Je te remercie pour ta réponse, j'ai tardé un peu à répondre, car je n'avais pas consulter ma boîte mail depuis quelques jours.

En effet, on m'avait donné cette réponse sur un forum. Par contre lorsque dans le Linearlayout, on inclut un WebView. Android Studio n'autorise pas qu'on modifie la propriété layout_heigh en wrap_content. Ca donne ça :

Pièce jointe 227082

Le message d'erreur indiqué est le suivant :

Placing a WebView in a parent element, that uses a wrap_content layout_height can lead to subtile bugs uses match_parent instead
(here wrap_content may not work,well with the Webview bellow)
The webview implemantation has certain performance optimisations which will not work if the view parent is using the wrap_content rather than match_content. That load to subtile UI bugs.

En gros, Android Studio ne veut que le parent du WebView utilise la propriété wrap_content, car ça peut entraîner des bugs subtiles dans l'interface graphique.

J'ai essayé d'encapsuler mon WebView dans un autre Linearlayout, il n'y a plus cette erreur, mais par contre il y a toujours un gros espacements entre les items.
Du coup, Le layout Lenearlayout root à la propriété en wrap_content. Et le parent du WebView a la proppriété match_content sinon l'erreur réapparaît.

Aurait-tu une solution pour réduire au maximum cette espacement ?

Merci, par avance

Bonne journée
07/12/2016, 00h11
Robin56

Bonsoir BOLARD,

A l'avenir, merci de poster ton code directement sur la discussion. Ca sera plus facile à exploiter pour les gens qui veulent t'aider que des images. Tu peux le faire en cliquant sur le bouton # ce qui donnera l'affichage suivant :

Code:

// Ici, du code peut être inséré

Merci d'avance.

Bonjour,

Je répète mon problème, lorsque j'utilise une liste recyclerview, j'ai un espacement important entre les items. Je ne peux changer la propriété layout_height de mon linearlout du layout représent les items, parce que Android Studio ne me l'autorise pas, quand à l'intérieur du layout il y a un WebWiew.

Il m'affiche le message d'erreur suivant :

Placing a WebView in a parent element, that uses a wrap_content layout_height can lead to subtile bugs uses match_parent instead
(here wrap_content may not work,well with the Webview bellow)
The webview implemantation has certain performance optimisations which will not work if the view parent is using the wrap_content rather than match_content. That load to subtile UI bugs.

Voici le code :

Layout du recyclerview
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/activity_main" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context="com.db.formation.android.v1.appafficharticles.MainActivity">  <android.support.v7.widget.RecyclerView android:id="@+id/rcvIdArticles" android:layout_width="wrap_content" android:layout_height="match_parent" android:layout_centerHorizontal="true" android:layout_centerVertical="false" android:orientation="vertical" > </android.support.v7.widget.RecyclerView> </RelativeLayout>
layout item. Encapsuler dans un linearlayout, contient TextView et un WebView.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/idLenearparentItem" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" android:background="@drawable/background_click_item" > <TextView android:id="@+id/txtIdTitleArticle" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="15dp" android:layout_marginBottom="15dp" android:text="toto" android:lines="1" android:ellipsize="end" android:textAppearance="?android:attr/textAppearanceLarge" /> <WebView android:id="@+id/wvIdContentArticle" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_marginTop="30dp" /> </LinearLayout>
Pour contourner le problème, j'ai créé un layout à part pour le WebView. De cette façon je peux modifier la valeur du layout_height en wrap_content dans la balise linearlayout du layout item.
Cette solution réduit bien l'espacement entre les items.

Est-ce que vous auriez une idée, en laissant le WebView dans le même linearlayout de départ.

Merci par avance,

Il te suffit de mettre le WebView à l'intérieur d'un LinearLayout

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="vertical"
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:layout_marginTop="10dp"
              android:layout_marginBottom="10dp">
 
 
 
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Je mange du riz à la sauce graine"
        android:textAlignment="center"
        android:layout_marginBottom="5dp"/>
 
    <LinearLayout
          android:layout_width="match_parent"
          android:layout_height="match_parent">
        <WebView
            android:layout_width="match_parent"
            android:layout_height="match_parent"/>
 
    </LinearLayout>
 
</LinearLayout>

12/12/2016, 13h39
BOLARD

2 pièce(s) jointe(s)

Bonjour alves1993,

Merci pour ta réponse pertinente.

J’ai tenté d’appliquer ta solution avec mon Samsung Galaxy S3 (version Android 4.3), ça marche quand la liste se charge à l'écran

Pièce jointe 228054

Par contre quand je fais un mouvement avec mon doigt vers le bas. L’espacement revient.

Pièce jointe 228057

J’ai testé avec ma Tablette Galaxy Tab 3 (version Android 4.4 Kitkat) est là ça fonctionne bien ainsi que par plusieurs émulateurs.

Donc le problème c’est avec la version Android 4.3 Jelly Bean, quand on fait défiler les items de haut en bas, le problème d’espacement resurgit.

Aurais-tu une solution pour définitivement résoudre ce bug, avec la version 4.3 d’Android, pour que la liste s’affiche normalement sur un Galaxy S3.
Je te remercie pour les réponses que tu m’as apportées, elles m’ont beaucoup aidées.

Merci par avance, pour tes nouvelles suggestions.
12/12/2016, 19h39
alves1993
Je n'ai aucune solution pour le moment à ce problème.
Mais je te conseille de jeter un coup d’œil sur la documentation Android.
Tu peux avoir plus d'informations sur ses deux liens.
1. https://developer.android.com/guide/...migrating.html
2. https://developer.android.com/about/...html#Behaviors
13/12/2016, 17h00
BOLARD

Merci pour ta réponse rapide, je vais jeter un coup d'œil à cette doc, et je tiens au courant, dès que j'ai du nouveau par rapport à ce problème.
04/01/2017, 03h38
BOLARD

Bonjour Alves1993,
Les solutions que j'ai trouvé est d'utiliser une version antérieur de la librairie recyclerview

Citation:

compile 'com.android.support:recyclerview-v7:23.1.0'

au lieu de

Citation:

compile 'com.android.support:recyclerview-v7:24.2.1'

ou encore de sortir le WebView en créant un autre Layout pour cette View et le problème d'espacement est réglé.

Merci encore pour ton aide et bonne année 2017.