7
votes

Recyclerview avec GridlayoutManager

Quel est le moyen le plus simple et le plus simple de décorer recyclerview d'avoir une telle apparence? Je développe une demande de réservation de siège de voyages ... Je sais que je peux le faire avec recyclerview avec Gridlayout Manager .. Mais qu'est-ce que ce devrait être les étapes que je ne sais pas Une chose à noter chaque bus a des sièges différents

 Entrez la description de l'image ici

 Entrez la description de l'image ici

 Entrez la description de l'image ici


0 commentaires

3 Réponses :


8
votes

Je vous suggère d'utiliser StugkedGridLayOutManager pour votre vue Recycler.

 Staggeredgridlayout pour recyclerview

C'est l'approche la plus proche d'atteindre votre mise en page.

Vous pouvez trouver les docs ici . Et exemple de travail peut être trouvé ici .


3 commentaires

Comment faire cette mise en page ... pouvez-vous poster un exemple de code


@Aawazgyawali: bon !!


Pouvez-vous me dire les étapes que je devrais utiliser .... s'il vous plaît envoyez-moi mon frère à rajtufan@gmail.com



3
votes

Vous pouvez apprendre de cet exemple qui explique parfaitement sur Recycler Voir

 Entrez la description de l'image ici

J'espère que cela fonctionne pour vous


0 commentaires

1
votes

Basé sur le type de choix de bus, interrupteur entre GridLayOutManager et scannedgridlayoutManager . .

Pour tous les types, utilisez une vue en-tête avec une seule icône de volant alignée.

  1. pour le type de places uniquement:
    • Utilisez un GridLayOutManager
    • Utilisez un décorateur d'élément pour fournir l'espacement entre les 2 ND et 3 rd
    • Utilisez une vue de pied de page avec 5 places Vue
    • pour le type mixte:
      • Utilisez un StaggeredgridlayoutManager
      • Utilisez un décorateur d'élément pour fournir l'espacement entre les 1 st et 2 nd .
      • Utilisez un type d'élément différent pour les sièges de dormeur (voir: ONCreateViewholder (parent, ViewType) )
      • pour le type Sleeper uniquement.
        • Utilisez un GridLayOutManager
        • Utilisez un décorateur d'élément pour fournir l'espacement entre les 1 st et 2 nd colonne

6 commentaires

Avez-vous un échantillon ou autre chose ... Je ne suis pas capable de trouver quoi que ce soit comme ça ...


@tufan, première leçon sur SO: Ne demandez pas de code.


ok ... mais pouvez-vous me dire dans votre 3ème étape d'utiliser un décorateur d'élément pour fournir l'espacement entre la 1ère et la 2e colonne ..Comment le faire


La réponse ici suffit pour vous aider avec votre mise en page. Si vous ne comprenez pas la réponse, vous feriez mieux d'en apprendre davantage sur RECYCLERView. Il y a beaucoup de tutoriels là-bas.


@Tufan google pour "item décorator à recyclerview"


ok merci je cherche-toi .... j'avais perdu mon espoir maintenant j'ai vu une lumière ... je suis en train d'essayer merci