专业IM即时通讯软件开发,值得信赖!

Android手把手朋友圈实战教程(二十三)重构-RecyclerView的头尾布局增加

即时通讯软件开发 云聊IM 834℃

项目地址:https://github.com/razerdp/FriendCircle/tree/main-dev

因为要跟以前的文章做差异,所以重复的内容咱们就不说了,比如什么头控件乱七八糟的,感兴趣的可以去看文集里面以前的内容。

这一次我们要做的是一个老生常谈的问题了,就是RecyclerVew的headerView和footerView。。。

也许你会说,这神马啊,adapter里面做不同的itemType不就好了咩。。。

说起来好像也对哦,不过我们这次做不同的。

大家想想哈,以前我们用ListView的时候,是不是这样玩:

listView=findview()
listView.addHeaderView()
listView.setAdapter()

而如果换成Rv,我们对着adapter是不是要这么玩:

class xxx extend RecyclerView.Adapter {
//处理这个处理那个,还得处理位置信息。。。。
}

ListView的headerView

首先我们看看ListView是怎么玩的:

addHeaderView

从addHeaderView里面,我们看到的是new了一个FixedViewInfo,然后把View啊,data啊,什么奇奇怪怪的啊,都去喂饱它,接着通过观察者去刷新数据。

不过我们在这里留意到一个东西,就是adapter是做了一层包裹的,这个包裹是啥,我们接下去看看

HeaderViewListAdapter

这个类实现了WrapperListAdapter,而这个接口又继承了ListAdapter,所以可以被直接通过listview.setadapter给塞进去。

那么既然这是一个adapter,里面肯定做了些什么,我们继续看看最主要的几个方法:

  1. getCount();
  2. getItemViewType();
  3. getView();
  4. getItemViewCount();

从这几个方法里面,不难看出,,,喵了个咪的,其实还是基于viewType来玩的。。。

首先看看getCount()代码:

public int getCount() {
    if (mAdapter != null) {
        return getFootersCount() + getHeadersCount() + mAdapter.getCount();
    } else {
        return getFootersCount() + getHeadersCount();
    }
}

很简单,就是被包裹的adapter的count加上头尾view的数量

然后看看getItemViewType():

public int getItemViewType(int position) {
    int numHeaders = getHeadersCount();
    if (mAdapter != null && position >= numHeaders) {
        int adjPosition = position - numHeaders;
        int adapterCount = mAdapter.getCount();
        if (adjPosition < adapterCount) {
            return mAdapter.getItemViewType(adjPosition);
        }
    }

    return AdapterView.ITEM_VIEW_TYPE_HEADER_OR_FOOTER;
}

这里做了一些位置的处理:

  1. 首先获取headerview的数量
  2. 然后判断位置是否在header和footer之间
  3. 根据上面两个条件,返回原adapter的viewType或者专用于headerview的viewType

【ps:】在ListView中,headerView和footerView用的都是同一个viewType

最后看看getView():

嗯。。。。其实跟上面的处理差不多的,通过位置判断应该塞入header还是footer还是原来的adapter的getView(),咱们就略过吧- –

看完之后,大致了解到ListView的headerView玩法,其根本还是viewType。

不过在了解的过程中,发现了一个好玩的事情:我们都知道,ListView中的getViewTypeCount()的值是必须要比getViewType()大的,而对于headerView的viewType,官方赋值为-2,是一个负数,然后getViewTypeCount()在没有adapter时给的是1,这恰好满足了所有条件。。。

RecyclerView的adapter处理

看完了ListView之后,我们对于RecyclerView的处理方法也就有了一个大概的做法了——

【把官方的弄进来不就可以了吗哈哈哈哈哈哈哈】

动手之前,我们要确定一下这两者最大的差异,我认为最大的差异在于:

ListView的getView()里面有position信息

但RecyclerView的onCreateViewHolder()是只有viewType的

那么意味着我们的viewType必须要包含着位置信息,才能让我们正确的把header或者footer添加进去。

所以我的做法很简单粗暴:

  1. 对于header,其viewType从-2开始(-1是有官方定义的“INVALID_TYPE”)
  2. 对于footer,其viewType从-99开始
  3. 每增加一个header或者footer,则其viewType减去1
    1. 对于header,其最多支持-2~-98共97个headerView的增加,所以假如header满了(谁会那么丧心病狂加那么多!!!!!!),则新加进来的会替换掉最后的一个
    2. 对于footer,随便加了。。。。

以上的解决方法虽有点小瑕疵(headerview的数量限制),但考虑到一般人不会那么伤心病狂所以,理论上来说,还算行得通吧。。。。

接下来进入正片

首先我们构造出一个FixedViewInfo类

private class FixedViewInfo {
    /**
     * The view to add to the list
     */
    public View view;
    /**
     * 因为onCreateViewHolder不包含位置信息,所以itemViewType需要包含位置信息
     */
    public int itemViewType;
}

名字我们都跟官方的对齐。。。。嗯,那啥,遵守国际规则嘛←_←

然后构造出两个LinkList(头和尾对位置有严格要求)

/**
 * 以下为recyclerview 的headeradapter实现方案
 * 以Listview的headerView和footerView为模板做出的recyclerview的header和footer
 */
private LinkedList mHeaderViewInfos = new LinkedList<$gt;();
private LinkedList mFooterViewInfos = new LinkedList<$gt;();

然后加入我们的addHeaderView和addFooterView方法方法

public void addHeaderView(View headerView) {
    final FixedViewInfo info = new FixedViewInfo();
    if (mHeaderViewInfos.size() == Math.abs(ITEM_VIEW_TYPE_FOOTER_START - ITEM_VIEW_TYPE_HEADER_START)) {
        //FIXME:优化
        //数量满了则新的替换掉最后一个
        mHeaderViewInfos.removeLast();
    }
    info.view = headerView;
    info.itemViewType = ITEM_VIEW_TYPE_HEADER_START - mHeaderViewInfos.size();
    mHeaderViewInfos.add(info);
}

public void addFooterView(View footerView) {
    final FixedViewInfo info = new FixedViewInfo();
    info.view = footerView;
    info.itemViewType = ITEM_VIEW_TYPE_FOOTER_START - mFooterViewInfos.size();
    mFooterViewInfos.add(info);
}

其中ITEM_VIEW_TYPE_FOOTER_START=-2,ITEM_VIEW_TYPE_FOOTER_START=-99

接下来就是我们最主要的包裹的InnerWrapperHeaderViewRecyclerAdapter实现:

private final class InnerWrapperHeaderViewRecyclerAdapter extends RecyclerView.Adapter {
    private final RecyclerView.Adapter mAdapter;

    private RecyclerView.AdapterDataObserver mDataObserver = new RecyclerView.AdapterDataObserver() {

        @Override
        public void onChanged() {
            notifyDataSetChanged();
        }

        @Override
        public void onItemRangeChanged(int positionStart, int itemCount) {
            notifyItemRangeChanged(positionStart + getHeadersCount(), itemCount);
        }

        @Override
        public void onItemRangeInserted(int positionStart, int itemCount) {
            notifyItemRangeInserted(positionStart + getHeadersCount(), itemCount);
        }

        @Override
        public void onItemRangeRemoved(int positionStart, int itemCount) {
            notifyItemRangeRemoved(positionStart + getHeadersCount(), itemCount);
        }

        @Override
        public void onItemRangeMoved(int fromPosition, int toPosition, int itemCount) {
            int headerViewsCountCount = getHeadersCount();
            notifyItemRangeChanged(fromPosition + headerViewsCountCount, toPosition + headerViewsCountCount + itemCount);
        }
    };

    public InnerWrapperHeaderViewRecyclerAdapter(RecyclerView.Adapter mAdapter) {
        this.mAdapter = mAdapter;
        this.mAdapter.registerAdapterDataObserver(mDataObserver);
    }

    public int getHeadersCount() {
        return mHeaderViewInfos.size();
    }

    public int getFootersCount() {
        return mFooterViewInfos.size();
    }

    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
       
    }

    @Override
    public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
      
    }

    @Override
    public int getItemCount() {
             
    }

    @Override
    public int getItemViewType(int position) {
    
    }


    private boolean onCreateHeaderViewHolder(int viewType) {
        //是否创建headerview
        return mHeaderViewInfos.size() > 0 && viewType <= ITEM_VIEW_TYPE_HEADER_START && viewType > ITEM_VIEW_TYPE_FOOTER_START;
    }

    private boolean onCreateFooterViewHolder(int viewType) {
        //是否创建footer
        return mFooterViewInfos.size() > 0 && viewType <= ITEM_VIEW_TYPE_FOOTER_START;
    }

    private int getHeaderPosition(int viewType) {
        //根据viewType得到header的位置
        return Math.abs(viewType) - Math.abs(ITEM_VIEW_TYPE_HEADER_START);
    }

    private int getFooterPosition(int viewType) {
        //根据viewType得到footer的位置
        return Math.abs(viewType) - Math.abs(ITEM_VIEW_TYPE_FOOTER_START);
    }


    private final class HeaderOrFooterViewHolder extends RecyclerView.ViewHolder {

        public HeaderOrFooterViewHolder(View itemView) {
            super(itemView);
        }
    }
}

上述结构中,我们着重于最主要的三个,就是我们平时写adapter需要重写的那几个。。。

在那之前,我们可以看看其他的方法,最主要是看位置获取的方法。

在前面我们说过,viewType需要包含位置信息,而我们通过viewType得到对应的header在list中的位置,只需要通过viewType减去起始值得到偏移量就好了。。。

接下来,我们先补全一下getItemViewType()方法

@Override
public int getItemViewType(int position) {
    int numHeaders = getHeadersCount();
    if (mAdapter == null) return -1;
    //header之后的view,返回adapter的itemType
    int adjustPos = position - numHeaders;
    int adapterItemCount = mAdapter.getItemCount();
    if (position >= numHeaders) {
        if (adjustPos < adapterItemCount) {
            //如果是adapter返回的范围内,则取adapter的itemviewtype
            return mAdapter.getItemViewType(adjustPos);
        }
    } else if (position < numHeaders) {
        return mHeaderViewInfos.get(position).itemViewType;
    }
    return mFooterViewInfos.get(position - adapterItemCount - numHeaders).itemViewType;
}

大致上都是跟ListView的一样的,只不过因为对于RecyclerView来说,我们没有办法获取到位置,所以我们的header和footer不可以用同一个viewType。

getItemCount()方法忽略。。。

接下来,我们需要针对header和footer的LayoutParam进行修复

在实际应用中,我们一般都是inflate一个view或者new一个view来进行addHeader或者addFooter,但是有一个问题就因此产生了,就是我们的header或者footer的margin等等全部失效,而且即使我们设置为match_parent,有时候也会被强行设置成wrap_content。

造成这个原因其实很简单,就是因为我们初始化这个view的时候并没有LayoutParams,因此RecyclerView会自行调用generateDefaultLayoutParams(实际上是调用LayoutManager的方法),一般情况下,default的都是wrap_content的,所以就被强制设置了。

解决方法也很简单,我们需要针对不同情况进行创建就好了:

private void checkAndSetRecyclerViewLayoutParams(View child) {
    if (child == null) return;
    ViewGroup.LayoutParams p = child.getLayoutParams();
    RecyclerView.LayoutParams params = null;
    if (p == null) {
        params = new RecyclerView.LayoutParams(new MarginLayoutParams(new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,
                                                                                                 ViewGroup.LayoutParams.WRAP_CONTENT)));
    } else {
        if (!(p instanceof RecyclerView.LayoutParams)) {
            params = recyclerView.getLayoutManager().generateLayoutParams(p);
        }
    }
    child.setLayoutParams(params);
}

然后,我们看看onCreateViewHolder()方法

@Override
public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
    //header
    if (onCreateHeaderViewHolder(viewType)) {
        final int headerPosition = getHeaderPosition(viewType);
        View headerView = mHeaderViewInfos.get(headerPosition).view;
        checkAndSetRecyclerViewLayoutParams(headerView);
        return new HeaderOrFooterViewHolder(headerView);
    } else if (onCreateFooterViewHolder(viewType)) {
        //footer
        final int footerPosition = getFooterPosition(viewType);
        View footerView = mFooterViewInfos.get(footerPosition).view;
        checkAndSetRecyclerViewLayoutParams(footerView);
        return new HeaderOrFooterViewHolder(footerView);
    }
    return mAdapter.onCreateViewHolder(parent, viewType);
}

在这里我们根据viewType分辨出应该创建header还是footer,然后的到对应的位置以及View,创建一个普通的viewHolder返回即可。。。

这些小case对于大家来说肯定是so easy的-V-

最后,当然是onBindViewHolder方法

@Override
public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
    int numHeaders = getHeadersCount();
    int adapterCount = mAdapter.getItemCount();
    if (position < numHeaders) { return; } else if (position > (numHeaders + adapterCount)) {
        return;
    } else {
        int adjustPosition = position - numHeaders;
        if (adjustPosition < adapterCount) {
            mAdapter.onBindViewHolder(holder, adjustPosition );
        }
    }
}

对于header和footer,我们不需要对其处理,因为这些view一般都是外部传入,那么应该交回给外部处理。

值得注意的是,当需要用到原来的adapter的onBindView时,我们需要对位置做一下处理,否则会引发位置信息不对的问题。

最后,在外面的使用则跟listview的玩法一样:

addheader

效果图:

header

footer

喜欢 (0)
仿微信聊天软件开发
点击这里给我发消息