Recycler-Ansicht mit mehreren Spalten und Zeilen - AutoFit wie Flow-Layout [Android]

Ich bin in einer Herausforderung zu bauen, die ein layout wie diese:

Recycler-Ansicht mit mehreren Spalten und Zeilen - AutoFit wie Flow-Layout [Android]

Meine erste Erkenntnis war die Verwendung einer RecyclerView mit einem adapter umgehen können, mit jedem Artikel und bläst Ihre Anordnung.

So weit, nicht so gut.

Ich habe dieses layout so weit:

Recycler-Ansicht mit mehreren Spalten und Zeilen - AutoFit wie Flow-Layout [Android]

Kann ich Abholzen, die ich bin fast da, aber wirklich... ich verbringe eine Woche darüber nachdenken, wie es besser zu machen, oder einfach nur wie die UI vorschlagen.

Einige meiner versucht wurden

  1. Verwenden Sie ein grid-layout, und ändern Sie max Spalten-Anzahl, je nachdem, wie viele Elemente es gibt auf der Liste
  2. StaggeredGridLayoutManager Klang wie ein starker Kandidat, um es zu beheben und mich glücklich machen, aber leider, wenn ich versuchte, es zu benutzen ich erkennen, dass wir brauchen, um passieren eine Reihe von spanCount (Spalten) auf-Konstruktor, und ich fand einige Möglichkeiten, um diese Einschränkung zu umgehen ändern Sie die Anzahl der Spalten jeder Zeile, aber ich wusste nicht wie das Endergebnis war nicht, wie ich sah, in anderen apps wie Foursquare, wenn Sie setup Ihre Interessen.
  3. Ich habe diese Bibliothek Flow-Layout, aber ich habe noch gar nicht begonnen, es zu benutzen, weil ich nicht wollen, zu verlieren die ganze recycler anzeigen power und ich glaube, es ist ein Weg, um es funktioniert! .....Auch zu wissen, dass die Bibliothek genau das tun, was ich brauche.

Jungs, ich bin hier nicht auf der Suche für einige bereits getan Frieden von code oder jemanden der sich um meinen job. Eigentlich bin ich auf der Suche nach dem Licht am Ende des Tunnels.

  • Das staggered-grid-Ansicht-Effekt... ist, dass was du hier vermisst? Oder ist es mehr?
  • Das staggered-grid-view-Konstruktor benötigt eine Zeitspanne zählen, wenn wir instanziieren, ich will nicht zu beheben eine Anzahl von Spalten, ich möchte fit-layout nach Element Breite Zeile für Zeile
  • Dies versuchen. public final void onBindViewHolder(RecyclerView.ViewHolder viewHolder, int position) { StaggeredGridLayoutManager.LayoutParams layoutParams = (StaggeredGridLayoutManager.LayoutParams) viewHolder.itemView.getLayoutParams(); layoutParams.setFullSpan(true); }
  • Ich bin nicht in meinem laptop jetzt, aber ich habe versucht, diesen Ansatz früher, und ich erkannte, dass jedes Element passt die gesamte Zeilenbreite
  • Haben Sie versucht, die Staffelung horizontal?
  • Ja, ich habe versucht, aber ich verlor die vertikal zu scrollen und ich habe eine Reihe von spanCount. Ich denke über die Entwicklung eines custom-LayoutManager von StaggedGridLayoutManager
  • Ein diese die Ihnen helfen könnten.
  • haben Sie Ihre Lösung ?
  • Noch nicht Recht weiß, ich bin mit recycler-Ansicht mit 2 Spalten. Ich sah viele Bibliotheken, die genau das machen, was ich will, aber ich habe nicht die Zeit, um zu arbeiten.
  • Waren Sie in der Lage, eine Lösung dieser RecyclerView.
  • Haben Sie die Lösung für dieses mit RecyclerView ? Ich bin auch auf der Suche für eine Custom-LayoutManager aber es nicht Recht genug.
  • Sorry @Gil noch nichts, immer noch mit Gitter
  • Hast du jemals das gelöst?

InformationsquelleAutor Renan Nery | 2015-08-20
  1. 5

    Hallo, wenn du dnt verwenden möchten recyclerview es ist ein weiteres Beispiel mit benutzerdefinierte Bibliothek wirkt wie Liste GitHubLibrary TagLayout

    • Beispielcode:

      mFlowLayout.setAdapter(new TagAdapter<String>(mVals)
   {
       @Override
       public View getView(FlowLayout parent, int position, String s)
       {
           TextView tv = (TextView) mInflater.inflate(R.layout.tv,
                   mFlowLayout, false);
           tv.setText(s);
           return tv;
       }
   });

    Mit folgenden code können Sie die voreingestellte Auswahl, die Sie wollte:

    mAdapter.setSelectedList(1,3,5,7,8,9);

    Wird das Ergebnis zeigen, wie unten:-

    Recycler-Ansicht mit mehreren Spalten und Zeilen - AutoFit wie Flow-Layout [Android]

    InformationsquelleAutor Hardy
  2. 1

    Ist es leicht dieses zu erhalten getan mit dem neuen google material design-Bibliothek enthält eine Komponente namens Chips. So dass Sie nicht haben, um die Verwendung einer RecyclerView.

    Ein-Chip stellt eine komplexe Einheit in einem kleinen block, wie ein
    Kontakt. Es ist eine abgerundete Schaltfläche, die aus einem label, einem optionalen
    chip-Symbol, und eine optionale schließen-Symbol. Ein chip kann entweder darauf geklickt werden oder
    ein-und ausgeschaltet, wenn es überprüfbar ist.

    , WIE DIE KOMPONENTE VERWENDEN :

    1. Importieren Sie die Bibliothek

    implementation 'com.google.android.material:material:1.1.0'

    2. Benutzen Sie den code unten

     <com.google.android.material.chip.ChipGroup
      android:layout_width="match_parent"
      android:layout_height="wrap_content">

 <!-- Your items here -->

     <com.google.android.material.chip.Chip
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:text="Item 1"/>

     <com.google.android.material.chip.Chip
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:text="Item 2"/>

     <com.google.android.material.chip.Chip
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:text="Item 3"/>

 <!-- End -->

</com.google.android.material.chip.ChipGroup>

    Finden Sie weitere details hier : Material Komponenten

    InformationsquelleAutor Badr
  3. 0

    Kann es nun zu spät sein, aber Sie können auch google FlexBoxLayout

    Demo

    • Sollten Sie ein Beispiel oder mehr details, statt nur posting einen link.
    InformationsquelleAutor Jean Nelson
Schreibe einen Kommentar