Benutzerdefinierte Grid-Ansicht mit Row-span und span Spalte

Beabsichtigen Sie, wiederholen Sie das Muster für Ihre Scrollbar anzeigen? Um deutlicher zu sein, tut Ihr Raster Element mit großer Spannweite in regelmäßigen Intervallen wiederholt wird?

Eine option wäre die Verwendung einer Liste anzeigen und bei der Umsetzung der großen Spannweite der Ansicht mit zwei normalen Ansichten als eine Zeile in der Listenansicht mit einem tag wie "special_row" und implementieren normale Ansichten als eine weitere Zeile mit Tags wie "normal-Reihe". Basierend auf den Anforderungen, die Sie recyceln können die Zeilen, die durch den Zugriff auf die row-tags.

EDIT:

Fand ich eine Bibliothek, die pinterest-ähnliche Benutzeroberfläche für android. Dies hat eine symmetrische Ansichten. Kasse PinterestLisView.

EDIT:

Hier ist eine weitere interessante Technik, die durch die Angabe coulmn span und Zeile umfasst für die grid-Elemente. Ich nahm aus diese Frage. Ich denke, Sie können tun, Weg mit der statischen xml-Deklaration von grid-Elemente programmgesteuert durch Angabe von Spalte und Zeile umfasst.

InformationsquelleAutor Supreethks

Dies ist eine Besondere Lösung für die 3-Spalten-raster mit vorgestellten Elementen, span-2x2-raster.

public class GridAdapter extends ArrayAdapter<GridAdapter.GridItem> {
    public GridAdapter(Context context, int itemViewResId, List<String> things) {
        super(context, itemViewResId, buildGridItems(things));
    }

    /**
     * Assumes 3 column layout. A list of indices that shows a large
     * item on the right of 1st row, then alternating on every 3rd row 
     * to the left and then right. The large item should occupy a 2x2 grid.
     *
     *   X O O
     *   X O O
     *   X X X
     *   X X X
     *   O O X
     *   O O X
     *   X X X
     *   X X X
     *   X O O
     *   X O O
     *   X X X
     *
     * The indices where the large featured items are in item list is 
     * 1, 9, 19, 27, 37, 45, 55, ...         
     */
    protected static List<Integer> getFeaturedIndex(int total) {
        int pos = 1;
        ArrayList<Integer> index = new ArrayList<Integer>();
        if (pos + 1 < total) {
            index.add(pos);
        }
        for (int i = 0; pos < total; i++) {
            int inc = i % 2 == 0 ? 8 : 10;
            pos += inc;
            if (pos + 1 < total) {
                index.add(pos);
            }
        }
        return index;
    }

    protected static List<GridItem> buildGridItems(List<String> things) {
        ArrayList<GridItem> items = new ArrayList<GridItem>();
        List<Integer> featuredIndex = getFeaturedIndex(things.size());
        ArrayList<GridItem> featured = new ArrayList<GridItem>();
        for (int i = 0, k = things.size(); i < k; i++) {
            GridItem item = new GridItem(things.get(i));
            if (featuredIndex.contains(i)) {
                item.feature = true;
                featured.add(item);
            }
            items.add(item);
        }
        for (GridItem feature : featured) {
            int index = items.indexOf(feature);
            GridItem shim = new GridItem(feature.getModel());
            shim.shim = true;
            items.add(index + 1, shim);
            items.add(index + 3, shim);
            items.add(index + 4, shim);
        }
        return items;
    }

    @Override
    public int getItemViewType(int position) {
        return getItem(position).shim ? 0 : 1;
    }

    @Override
    public int getViewTypeCount() {
        return 2;
    }

    public View getView(int position, View convertView, ViewGroup parent) {
        if (convertView == null) {
            convertView = new View(getContext());
        }
        GridItem item = getItem(position);
        if (item.feature) {
            convertView.setLayoutParams(new LayoutParams(400,300));
        } else {
            convertView.setLayoutParams(new LayoutParams(200,150));
        }
        if (item.shim) {
            convertView.setVisibility(View.GONE);
        }
        return convertView;
    }

    public static class GridItem {
        private String mItem;
        private boolean shim = false;
        private boolean feature = false;

        public GridItem(String item) {
            mItem = item;
        }
    }
}

Die Idee ist, wickeln Sie die posten-Liste mit GridItem mit einem feature und shim flags, die bestimmen, wie die Ansichten sich Verhalten sollte.

Die Methode getFeaturedIndex() berechnet die Elemente in der ursprünglichen Liste sollte zu sehen sein. Dann in der buildGridItems() nehmen wir 2 Schritte. First, markieren Sie alle Elemente, die vorgestellt werden (und halten Sie eine Liste dieser Elemente). Danach, für jedes dieser vorgestellten Elemente, fügen Sie 3 shims (+1, +3 und +4) relativ zu dem vorgestellten Artikel.

In der getView() für die vorgestellten Elemente, setzen wir die entsprechenden Dimensionen als 2x2 von der normalen Elemente. Für die shim-Elemente, die Sichtbarkeit zu GONE.

InformationsquelleAutor Wei