Android分组悬浮列表实现

来源：互联网发布：单片机原理及应用pdf 编辑：程序博客网时间：2024/05/17 16:01

在App的开发过程碰到对列表进行分组显示，并且列表在滑动的时候中希望分组悬浮固定在列表的顶部。具体效果图如下

这里写图片描述

分组悬浮列表的实现是在http://blog.csdn.net/u010335298/article/details/51150346基础上做了相应改进。

一, 分组悬浮列表目标

重写ListView（SectionPinListView）实现分组悬浮列表，不破会ListView原有的所有功能。
重写BaseAdapter（SectionPinAdapter）尽量重写BaseAdapter的负担。
对ListView上拉刷新，下拉加载更多的时候分组悬浮还有效果。
SectionPinListView既可以设置重写的SectionPinAdapter，也可以不设置，如果设置的不是重写的SectionPinAdapter是没有分组悬浮的效果。

二, 分组悬浮列表代码

要实现分组悬浮列表，那得在ListView滚动的时候不管滚动到哪个位置，都得知道当前哪个分组要悬浮在顶部，在得到这个View之后重写ListView的dispatchDraw（）方法把这个分组View画在ListView的顶部整个功能就实现了。总得来说就两件事：一件滚动的时候拿到要悬浮的分组View、第二件把这个View画到顶部。

ListView滚动的过程中得到要悬浮的View：
既然是在滚动过程中得到要悬浮的View，那得去监听onScroller事件，在onScroll（）里面去处理，这里悬浮的View说白了也是ListView里面的一个子View，Adapter里面有一个获取View的方法，那知道adapter中的position就搞定了，下面直接贴实现的代码。

    /**     * @param absListView      ListView     * @param firstVisibleItem 当前能看见的第一个列表项ID（从0开始）     * @param visibleItemCount 当前能看见的列表项个数（小半个也算，并且header views 和 footer views 也算在里面了）     * @param totalItemCount   列表项总是 (header count + adapter count + footer count)     */    @Override    public void onScroll(AbsListView absListView, int firstVisibleItem, int visibleItemCount, int totalItemCount) {        if (mScrollListener != null) {            mScrollListener.onScroll(absListView, firstVisibleItem, visibleItemCount, totalItemCount);        }        if (getAdapter() != null && !(getAdapter() instanceof SectionPinAdapter)) {            return;        }        int headerViewCount = getHeaderViewsCount();        if (getAdapter() == null || !mSectionPinEnable || firstVisibleItem < headerViewCount) {            /**             * 第一个section都还没出来             */            mViewSectionPin = null;            mSectionPinOffset = 0f;            mSectionPinAdapterPosition = -1;            for (int i = 0; i < visibleItemCount; i++) {                View view = getChildAt(i);                if (view != null) {                    view.setVisibility(VISIBLE);                }            }            return;        }        if (getAdapter().getCount() <= 0) {            return;        }        int adapterFirstVisibleItem = firstVisibleItem - headerViewCount;        int pinViewAdapterPosition = getPinViewAdapterPosition(adapterFirstVisibleItem);        if (pinViewAdapterPosition != -1 && mSectionPinAdapterPosition != pinViewAdapterPosition) {            /**             * pin view 被换掉了             */            mViewSectionPin = getSectionPinView(pinViewAdapterPosition);            ensurePinViewLayout(mViewSectionPin);        }        if (mViewSectionPin == null) {            return;        }        mSectionPinOffset = 0f;        /**         * 遍历所有可见的View         */        for (int index = 0; index < visibleItemCount; index++) {            int adapterPosition = index + adapterFirstVisibleItem;            /**             * 判断是不是section             */            SectionPinAdapter adapter = (SectionPinAdapter) getAdapter();            if (adapter.isSection(adapterPosition)) {                View sectionView = getChildAt(index);                int sectionTop = sectionView.getTop();                int pinViewHeight = mViewSectionPin.getHeight();                sectionView.setVisibility(VISIBLE);                if (sectionTop < pinViewHeight && sectionTop > 0) {                    mSectionPinOffset = sectionTop - pinViewHeight;                } else if (sectionTop <= 0) {                    sectionView.setVisibility(INVISIBLE);                }            }        }        invalidate();    }

分组悬浮View画在ListView的顶部：
在拿到了要悬浮的View之后要在ListView中draw出来了。

    @Override    protected void dispatchDraw(Canvas canvas) {        super.dispatchDraw(canvas);        if (getAdapter() == null || !(getAdapter() instanceof SectionPinAdapter) || mViewSectionPin == null || !mSectionPinEnable) {            return;        }        int saveCount = canvas.save();        /**         * canvas垂直平移         */        canvas.translate(0, mSectionPinOffset);        canvas.clipRect(0, 0, getWidth(), mViewSectionPin.getMeasuredHeight()); // needed        mViewSectionPin.draw(canvas);        canvas.restoreToCount(saveCount);    }

最后直接贴代码出来，代码中看起来可能更加的连贯，更加的详细
https://github.com/tuacy/SectionPin

2 0