使用PinnedHeaderListView实现固定头部的列表

在手机自带的通讯录中,我们会发现联系人被分组,按首字母索引排列,当列表向上滑动时,分组的标题栏会悬浮在列表顶部。
常用的一些app如美团的选择城市,也是使用的这种效果。

效果图如下。


关于这个效果,实现的方式有多种,这里使用PinnedHeaderListView实现固定头部的列表。

实现步骤:

(1).PinnedHeaderListView的实现

首先是PinnedHeaderAdapter接口
该接口定义了三个常量和两个方法,ListView的Adapter需要去实现该接口。接口代码如下。
public interface PinnedHeaderAdapter {
        // Header View状态:不显示
        int PINNED_HEADER_GONE = 0;

        // Header View状态:显示在ListView顶部
        int PINNED_HEADER_VISIBLE = 1;

        // Header View状态:向上推出
        int PINNED_HEADER_PUSHED_UP = 2;

        // 根据当前listview中显示的首个item的位置,计算Header View的状态
        // 该方法只能返回PINNED_HEADER_GONE、PINNED_HEADER_VISIBLE、PINNED_HEADER_PUSHED_UP
        int getPinnedHeaderState(int position);

        // 根据当前listview中显示的首个item的位置,来配置Header View
        // 该项目中,主要是用来更新Header View显示的字母
        void configurePinnedHeader(View header, int position, int alpha);
    }

其次是PinnedHeaderListView类
PinnedHeaderListView扩展自ListView,重点在于重写dispatchDraw()、onMeasure()、onLayout()方法。

在dispatchDraw方法中,绘制HeaderView。
@Override
    protected void dispatchDraw(Canvas canvas) {
        super.dispatchDraw(canvas);
        if (mHeaderViewVisible) {
            drawChild(canvas, mHeaderView, getDrawingTime());
        }
    }

在onMeasure()方法中,测量HeaderView的宽和高,并赋值给成员变量。
@Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        if (mHeaderView != null) {
            measureChild(mHeaderView, widthMeasureSpec, heightMeasureSpec);
            mHeaderViewWidth = mHeaderView.getMeasuredWidth();
            mHeaderViewHeight 
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值