Android自定义ViewGroup（二）——带悬停标题的ExpandableListView

最新推荐文章于 2021-05-27 00:55:43 发布

原创

最新推荐文章于 2021-05-27 00:55:43 发布 · 6.6k 阅读

19 ·

CC 4.0 BY-SA版权

文章标签：

#Android #自定义ViewGroup #悬停标题 #ExpandableListView

本文介绍了如何在Android中创建一个带有悬停标题的ExpandableListView。通过重写onMeasure(), onLayout(), dispatchDraw()等方法，以及根据滚动状态决定如何绘制悬停标题，实现悬停效果。文章详细讲解了状态机的设计，Touch事件处理，以及如何更新标题视图内容。" 112366653,10536766,量子计算入门：量子逻辑门与拉比振荡实验,"['量子计算', '量子逻辑门', '量子调控', '拉比振荡', 'NV色心']

项目里要加一个点击可收缩展开的列表，要求带悬停标题，具体效果如下图：

也就是说，在某一个分组内部滚动时，要求分组标题悬停，当滚出该分组范围时，把标题顶出去，悬停下一个分组的标题。正好看到一个比较有趣的思路，做了一个实现，在这里分享一下。代码结构如下，基本上是一个MVC的架构：

既然是点击可收缩展开的列表，显然要用ExpandableListView，关于这个类的用法这里就不赘述了，网上一搜一大把，其实跟ListView的用法差不多，不过它帮你分了组，所以原来Adapter里的getView()就变成了getGroupView()和getChildView()，getCount()就变成了getGroupCount()等等。另外既然要支持收缩展开，必然会提供collapseGroup()和expandGroup()等接口。

下面分析如何添加悬停标题，其实精华部分就一句话：悬停标题是画上去的，而不是加到view hierarchy里去，具体根据滚动的情况确定如何画。

首先我们来写一个DockingExapandableListView类，继承自ExpandableListView，包含一个View类型的成员变量mDockingHeader。

一、重写onMeasure()和onLayout()方法

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        if (mDockingHeader != null) {
            measureChild(mDockingHeader, widthMeasureSpec, heightMeasureSpec);
            mDockingHeaderWidth = mDockingHeader.getMeasuredWidth();
            mDockingHeaderHeight = mDockingHeader.getMeasuredHeight();
        }
    }

    @Override
    protected void onLayout(boolean changed, int l, int t, int r, int b) {
        super.onLayout(changed, l, t, r, b);
        if (mDockingHeader != null) {
            mDockingHeader.layout(0, 0, mDockingHeaderWidth, mDockingHeaderHeight);
        }
    }

这个比较简单，就是测量一下这个标题视图的宽度和高度。

二、重写dispatchDraw()方法

上面提到，悬停标题是画上去的，而不是加到view hierarchy里去的。因此，需要在完成其他子view的绘制之后，再把悬停标题栏画上去：

    @Override
    protected void dispatchDraw(Canvas canvas) {
        super.dispatchDraw(canvas);
        if (mDockingHeaderVisible) {
            // draw header view instead of adding into view hierarchy
            drawChild(canvas, mDockingHeader, getDrawingTime());
        }
    }

三、根据滚动状态决定如何绘制悬停标题

滚动到不同位置，悬停标题的显示是不同的，因此需要根据滚动状态定义一个状态机的切换。让DockingExpandableListView实现OnScrollListener接口，并重写onScroll()方法：

    @Override
    public void onScroll(AbsListView view, int fi

最低0.47元/天解锁文章