PinnedHeader Google 加上 GridView？

背景

Google+（google+）应用程序可以很好地查看“亮点”类别中的图像。

对于该屏幕上的每个部分，他们制作了一个标题，其中包含可单击的文本和一个用于选择该部分的所有照片的按钮。对于每个部分，他们还以网格状方式显示照片。

它是这样的：

这是另一张更新的图片：link https://lh6.ggpht.com/2ocrzuKfmJLr0O2_Vmd5s4GAPa1a8sPbMWZBnq60rt2l7JDsylGjOOvAYAA-44g7Zg=h900-rw .

由于某种原因，此处的图像显示了共享按钮而不是选择，但这不是我想讨论的问题。

问题

我需要对照片进行类似的查看（包括标题上的按钮），但也要使顶部标题始终可见（又名“固定标题”，如这个项目 http://blog.peterkuterna.net/2011/05/pinned-header-listview-as-in-contacts.html) .

事实上，我什至不在乎它是否会被固定（尽管它可能是一个很好的功能）。

我尝试过的

我只发现 2 个具有固定标题 gridViews 的库：

1. 粘性网格标题 https://github.com/TonicArtos/StickyGridHeaders- 看起来不错。 API和代码设计非常好。然而，我在一些设备上玩过它，发现它崩溃了，出现了一个非常奇怪的异常。我已经报道过这件事here https://github.com/TonicArtos/StickyGridHeaders/issues/88，但当我考虑其他问题时，我认为这个项目不会很快得到解决。

2. 粘性标题 https://github.com/DWorkS/AStickyHeader- 这个没有我能找到的任何崩溃和错误，但它缺乏良好的代码设计，而且不太可定制。标题不能被点击，也不能有像 Google-plus 那样的按钮。我尝试添加它，但由于某种原因该按钮没有显示。我已经报道了我的言论here https://github.com/DWorkS/AStickyHeader/issues/5.

问题

有没有人尝试过处理这样的事情？

任何可用的库或对我尝试过的库的修改允许拥有我所写的内容？

由于我找不到任何其他解决方案，我决定制作自己的解决方案（基于我制作的另一个代码的代码，here https://stackoverflow.com/a/21504515/878126)

它被用在 ListView 上，但效果很好。您只需在 listView 上设置适配器即可。您可以准确设置标题的外观以及每个单元格的外观。

它的工作原理是有两种类型的行： header-rows 和 cells-rows 。

这不是最好的解决方案，因为它创建了额外的视图，而不是让 ListView/GridView （或您使用的任何内容）正确放置单元格，但它工作正常并且不会崩溃

它也没有点击项目（因为它用于 listView），但对于使用此代码的人来说添加应该不难。

遗憾的是它也没有标题作为固定标题，但也许可以与这个库（PinnedHeaderListView） https://github.com/JimiSmith/PinnedHeaderListView .

这是代码：

public abstract class HeaderGridedListViewAdapter<SectionData, ItemType> extends BaseAdapter {
    private static final int TYPE_HEADER_ROW = 0;
    private static final int TYPE_CELLS_ROW = 1;
    private final int mNumColumns;
    private final List<Row<SectionData, ItemType>> mRows = new ArrayList<Row<SectionData, ItemType>>();
    private final int mCellsRowHeight;
    private final Context mContext;

    public HeaderGridedListViewAdapter(final Context context, final List<Section<SectionData, ItemType>> sections,
            final int numColumns, final int cellsRowHeight) {
        this.mContext = context;
        this.mNumColumns = numColumns;
        this.mCellsRowHeight = cellsRowHeight;
        for (final Section<SectionData, ItemType> section : sections) {
            // add header
            Row<SectionData, ItemType> row = new Row<SectionData, ItemType>();
            row.section = section;
            row.type = TYPE_HEADER_ROW;
            mRows.add(row);
            int startIndex = 0;
            // add section rows
            for (int cellsLeft = section.getItemsCount(); cellsLeft > 0;) {
                row = new Row<SectionData, ItemType>();
                row.section = section;
                row.startIndex = startIndex;
                row.type = TYPE_CELLS_ROW;
                cellsLeft -= Math.min(mNumColumns, cellsLeft);
                startIndex += mNumColumns;
                mRows.add(row);
            }
        }
    }

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

    @Override
    public int getItemViewType(final int position) {
        return getItem(position).type;
    }

    @Override
    public int getCount() {
        return mRows.size();
    }

    @Override
    public Row<SectionData, ItemType> getItem(final int position) {
        return mRows.get(position);
    }

    @Override
    public long getItemId(final int position) {
        return position;
    }

    @Override
    public View getView(final int position, final View convertView, final ViewGroup parent) {
        final Row<SectionData, ItemType> item = getItem(position);
        switch (item.type) {
        case TYPE_CELLS_ROW:
            LinearLayout rowLayout = (LinearLayout) convertView;
            if (rowLayout == null) {
                rowLayout = new LinearLayout(mContext);
                rowLayout.setOrientation(LinearLayout.HORIZONTAL);
                rowLayout.setLayoutParams(new AbsListView.LayoutParams(LayoutParams.MATCH_PARENT, mCellsRowHeight));
                rowLayout.setWeightSum(mNumColumns);
            }
            final int childCount = rowLayout.getChildCount();
            // reuse previous views of the row if possible
            for (int i = 0; i < mNumColumns; ++i) {
                // reuse old views if possible
                final View cellConvertView = i < childCount ? rowLayout.getChildAt(i) : null;
                // fill cell with data
                final View cellView = getCellView(item.section, item.startIndex + i, cellConvertView, rowLayout);

                LinearLayout.LayoutParams layoutParams = (LinearLayout.LayoutParams) cellView.getLayoutParams();
                if (layoutParams == null) {
                    layoutParams = new LinearLayout.LayoutParams(0, mCellsRowHeight, 1);
                    cellView.setLayoutParams(layoutParams);
                } else {
                    final boolean needSetting = layoutParams.weight != 1 || layoutParams.width != 0
                            || layoutParams.height != mCellsRowHeight;
                    if (needSetting) {
                        layoutParams.width = 0;
                        layoutParams.height = mCellsRowHeight;
                        layoutParams.weight = 1;
                        cellView.setLayoutParams(layoutParams);
                    }
                }
                if (cellConvertView == null)
                    rowLayout.addView(cellView);
            }
            return rowLayout;
        case TYPE_HEADER_ROW:
            return getHeaderView(item.section, convertView, parent);
        }
        throw new UnsupportedOperationException("cannot create this type of row view");
    }

    @Override
    public boolean areAllItemsEnabled() {
        return false;
    }

    @Override
    public boolean isEnabled(final int position) {
        return false;
    }

    /** should handle getting a single header view */
    public abstract View getHeaderView(Section<SectionData, ItemType> section, View convertView, ViewGroup parent);

    /**
     * should handle getting a single cell view. <br/>
     * NOTE:read the parameters description carefully !
     * 
     * @param section
     *            the section that this cell belongs to
     * @param positionWithinSection
     *            the position within the section that we need to fill the data with. note that if it's larger than what
     *            the section can give you, it means we need an empty cell (same the the others, but shouldn't show
     *            anything, can be invisible if you wish)
     * @param convertView
     *            a recycled row cell. you must use it when it's not null, and fill it with data
     * @param parent
     *            the parent of the view. you should use it for inflating the view (but don't attach the view to the
     *            parent)
     */
    public abstract View getCellView(Section<SectionData, ItemType> section, int positionWithinSection,
            View convertView, ViewGroup parent);

    // ////////////////////////////////////
    // Section//
    // /////////
    public static class Section<SectionData, ItemType> {
        private final List<ItemType> mItems;
        private final SectionData mSectionData;

        public Section(final SectionData sectionData, final List<ItemType> items) {
            this.mSectionData = sectionData;
            this.mItems = items;
        }

        public SectionData getSectionData() {
            return mSectionData;
        }

        public int getItemsCount() {
            return mItems.size();
        }

        public ItemType getItem(final int posInSection) {
            return mItems.get(posInSection);
        }

        @Override
        public String toString() {
            return mSectionData;
        }
    }

    // ////////////////////////////////////
    // Row//
    // /////
    private static class Row<SectionData, ItemType> {
        int type, startIndex;
        Section<SectionData, ItemType> section;
    }
}