之前我在GitHub上開源了一個可以實現RecyclerView列表分組的通用Adapter： GroupedRecyclerViewAdapter。有一些朋友在使用的時候給我反饋，希望能實現頭部懸浮吸頂的效果。我當初設計GroupedRecyclerViewAdapter的初衷，是想要實現一個能方便管理RecyclerView多種item類型的Adapter，特別是能實現兩級列表的Adapter，因為這樣的需求在開發中很常見。所以當初我并沒有考慮頭部懸浮的功能。直到接到這些使用者的反饋，我才開始考慮添加這樣的功能。不過想來也確實應該添加這樣的功能，因為頭部懸浮一般出現在兩級分組的列表，而我的GroupedRecyclerViewAdapter本來就已經實現了兩級分組的列表，再添加個頭部懸浮的功能也很合理啊。
為了給RecyclerView實現頭部懸浮的功能，我在GroupedRecyclerViewAdapter框架里添加了一個StickyHeaderLayout控件，由StickyHeaderLayout實現頭部懸浮效果并且管理懸浮吸頂的View。下面我會給出StickyHeaderLayout源碼，我在源碼中對StickyHeaderLayout的實現有了比較詳細的注釋，相信大家能很好的理解。由于StickyHeaderLayout是對GroupedRecyclerViewAdapter的功能拓展，它跟GroupedRecyclerViewAdapter密切相關。所以你在閱讀它的源碼前，需要先了解GroupedRecyclerViewAdapter，而且StickyHeaderLayout也是要與GroupedRecyclerViewAdapter一起使用的。要想了解GroupedRecyclerViewAdapter，請看我的另一篇文章：《Android 可分組的RecyclerViewAdapter
》。如果你只是想使用它的功能，而不需要了解它的實現原理，也可以直接訪問我的GitHub。
StickyHeaderLayout的源碼：
/**
* Depiction:頭部吸頂布局。只要用StickyHeaderLayout包裹{@link RecyclerView},
* 并且使用{@link GroupedRecyclerViewAdapter},就可以實現列表頭部吸頂功能。
* StickyHeaderLayout只能包裹RecyclerView，而且只能包裹一個RecyclerView。
* <p>
* Author:donkingliang
* Dat:2017/11/14
*/
public class StickyHeaderLayout extends FrameLayout {
private Context mContext;
private RecyclerView mRecyclerView;
//吸頂容器，用于承載吸頂布局。
private FrameLayout mStickyLayout;
//保存吸頂布局的緩存池。它以列表組頭的viewType為key,ViewHolder為value對吸頂布局進行保存和回收復用。
private final SparseArray<BaseViewHolder> mStickyViews = new SparseArray<>();
//用于在吸頂布局中保存viewType的key。
private final int VIEW_TAG_TYPE = -101;
//用于在吸頂布局中保存ViewHolder的key。
private final int VIEW_TAG_HOLDER = -102;
//記錄當前吸頂的組。
private int mCurrentStickyGroup = -1;
//是否吸頂。
private boolean isSticky = true;
public StickyHeaderLayout(@NonNull Context context) {
super(context);
mContext = context;
}
public StickyHeaderLayout(@NonNull Context context, @Nullable AttributeSet attrs) {
super(context, attrs);
mContext = context;
}
public StickyHeaderLayout(@NonNull Context context, @Nullable AttributeSet attrs, @AttrRes int defStyleAttr) {
super(context, attrs, defStyleAttr);
mContext = context;
}
@Override
public void addView(View child, int index, ViewGroup.LayoutParams params) {
if (getChildCount() > 0 || !(child instanceof RecyclerView)) {
//外界只能向StickyHeaderLayout添加一個RecyclerView,而且只能添加RecyclerView。
throw new IllegalArgumentException("StickyHeaderLayout can host only one direct child --> RecyclerView");
}
super.addView(child, index, params);
mRecyclerView = (RecyclerView) child;
addOnScrollListener();
addStickyLayout();
}
/**
* 添加滾動監聽
*/
private void addOnScrollListener() {
mRecyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() {
@Override
public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
// 在滾動的時候，需要不斷的更新吸頂布局。
if (isSticky) {
updateStickyView();
}
}
});
}
/**
* 添加吸頂容器
*/
private void addStickyLayout() {
mStickyLayout = new FrameLayout(mContext);
LayoutParams lp = new LayoutParams(FrameLayout.LayoutParams.MATCH_PARENT,
FrameLayout.LayoutParams.WRAP_CONTENT);
mStickyLayout.setLayoutParams(lp);
super.addView(mStickyLayout, 1, lp);
}
/**
* 更新吸頂布局。
*/
private void updateStickyView() {
RecyclerView.Adapter adapter = mRecyclerView.getAdapter();
//只有RecyclerView的adapter是GroupedRecyclerViewAdapter的時候，才會添加吸頂布局。
if (adapter instanceof GroupedRecyclerViewAdapter) {
GroupedRecyclerViewAdapter gAdapter = (GroupedRecyclerViewAdapter) adapter;
//獲取列表顯示的第一個項。
int firstVisibleItem = getFirstVisibleItem();
//通過顯示的第一個項的position獲取它所在的組。
int groupPosition = gAdapter.getGroupPositionForPosition(firstVisibleItem);
//如果當前吸頂的組頭不是我們要吸頂的組頭，就更新吸頂布局。這樣做可以避免頻繁的更新吸頂布局。
if (mCurrentStickyGroup != groupPosition) {
mCurrentStickyGroup = groupPosition;
//通過groupPosition獲取當前組的組頭position。這個組頭就是我們需要吸頂的布局。
int groupHeaderPosition = gAdapter.getPositionForGroupHeader(groupPosition);
if (groupHeaderPosition != -1) {
//獲取吸頂布局的viewType。
int viewType = gAdapter.getItemViewType(groupHeaderPosition);
//如果當前的吸頂布局的類型和我們需要的一樣，就直接獲取它的ViewHolder，否則就回收。
BaseViewHolder holder = recycleStickyView(viewType);
//標志holder是否是從當前吸頂布局取出來的。
boolean flag = holder != null;
if (holder == null) {
//從緩存池中獲取吸頂布局。
holder = getStickyViewByType(viewType);
}
if (holder == null) {
//如果沒有從緩存池中獲取到吸頂布局，則通過GroupedRecyclerViewAdapter創建。
holder = gAdapter.onCreateViewHolder(mStickyLayout, viewType);
holder.itemView.setTag(VIEW_TAG_TYPE, viewType);
holder.itemView.setTag(VIEW_TAG_HOLDER, holder);
}
//通過GroupedRecyclerViewAdapter更新吸頂布局的數據。
//這樣可以保證吸頂布局的顯示效果跟列表中的組頭保持一致。
gAdapter.onBindViewHolder(holder, groupHeaderPosition);
//如果holder不是從當前吸頂布局取出來的，就需要把吸頂布局添加到容器里。
if (!flag) {
mStickyLayout.addView(holder.itemView);
}
} else {
//如果當前組沒有組頭，則不顯示吸頂布局。
//回收舊的吸頂布局。
recycle();
}
}
//這是是處理第一次打開時，吸頂布局已經添加到StickyLayout，但StickyLayout的高依然為0的情況。
if (mStickyLayout.getChildCount() > 0 && mStickyLayout.getHeight() == 0) {
mStickyLayout.requestLayout();
}
//設置mStickyLayout的Y偏移量。
mStickyLayout.setTranslationY(calculateOffset(gAdapter, firstVisibleItem, groupPosition + 1));
}
}
/**
* 判斷是否需要先回收吸頂布局，如果要回收，則回收吸頂布局并返回null。
* 如果不回收，則返回吸頂布局的ViewHolder。
* 這樣做可以避免頻繁的添加和移除吸頂布局。
*
* @param viewType
* @return
*/
private BaseViewHolder recycleStickyView(int viewType) {
if (mStickyLayout.getChildCount() > 0) {
View view = mStickyLayout.getChildAt(0);
int type = (int) view.getTag(VIEW_TAG_TYPE);
if (type == viewType) {
return (BaseViewHolder) view.getTag(VIEW_TAG_HOLDER);
} else {
recycle();
}
}
return null;
}
/**
* 回收并移除吸頂布局
*/
private void recycle() {
if (mStickyLayout.getChildCount() > 0) {
View view = mStickyLayout.getChildAt(0);
mStickyViews.put((int) (view.getTag(VIEW_TAG_TYPE)),
(BaseViewHolder) (view.getTag(VIEW_TAG_HOLDER)));
mStickyLayout.removeAllViews();
}
}
/**
* 從緩存池中獲取吸頂布局
*
* @param viewType 吸頂布局的viewType
* @return
*/
private BaseViewHolder getStickyViewByType(int viewType) {
return mStickyViews.get(viewType);
}
/**
* 計算StickyLayout的偏移量。因為如果下一個組的組頭頂到了StickyLayout，
* 就要把StickyLayout頂上去，直到下一個組的組頭變成吸頂布局。否則會發生兩個組頭重疊的情況。
*
* @param gAdapter
* @param firstVisibleItem 當前列表顯示的第一個項。
* @param groupPosition 下一個組的組下標。
* @return 返回偏移量。
*/
private float calculateOffset(GroupedRecyclerViewAdapter gAdapter, int firstVisibleItem, int groupPosition) {
int groupHeaderPosition = gAdapter.getPositionForGroupHeader(groupPosition);
if (groupHeaderPosition != -1) {
int index = groupHeaderPosition - firstVisibleItem;
if (mRecyclerView.getChildCount() > index) {
//獲取下一個組的組頭的itemView。
View view = mRecyclerView.getChildAt(index);
float off = view.getY() - mStickyLayout.getHeight();
if (off < 0) {
return off;
}
}
}
return 0;
}
/**
* 獲取當前第一個顯示的item .
*/
private int getFirstVisibleItem() {
int firstVisibleItem = -1;
RecyclerView.LayoutManager layout = mRecyclerView.getLayoutManager();
if (layout != null) {
if (layout instanceof LinearLayoutManager) {
firstVisibleItem = ((LinearLayoutManager) layout).findFirstVisibleItemPosition();
} else if (layout instanceof GridLayoutManager) {
firstVisibleItem = ((GridLayoutManager) layout).findFirstVisibleItemPosition();
} else if (layout instanceof StaggeredGridLayoutManager) {
int[] firstPositions = new int[((StaggeredGridLayoutManager) layout).getSpanCount()];
((StaggeredGridLayoutManager) layout).findFirstVisibleItemPositions(firstPositions);
firstVisibleItem = getMin(firstPositions);
}
}
return firstVisibleItem;
}
private int getMin(int[] arr) {
int min = arr[0];
for (int x = 1; x < arr.length; x++) {
if (arr[x] < min)
min = arr[x];
}
return min;
}
/**
* 是否吸頂
*
* @return
*/
public boolean isSticky() {
return isSticky;
}
/**
* 設置是否吸頂。
*
* @param sticky
*/
public void setSticky(boolean sticky) {
if (isSticky != sticky) {
isSticky = sticky;
if (mStickyLayout != null) {
if (isSticky) {
mStickyLayout.setVisibility(VISIBLE);
updateStickyView();
} else {
recycle();
mStickyLayout.setVisibility(GONE);
}
}
}
}
}
StickyHeaderLayout具有以下的優點：
1、非ItemDecoration。StickyHeaderLayout的懸浮View是一個真實的View，而不是一個簡單的圖像，所以它可以懸浮任何的View。這有別于使用ItemDecoration實現懸浮效果的情況。
2、與GroupedRecyclerViewAdapter完美結合。懸浮布局直接交由Adapter創建和更新，這使得懸浮布局在顯示上和在處理上(事件監聽、業務邏輯等)都與列表中的item保持一致。你可以把懸浮布局看做是列表中的一個項。而且GroupedRecyclerViewAdapter支持多種item類型，所以懸浮布局也可以支持多種item類型。
3、StickyHeaderLayout對懸浮布局進行緩存復用，避免不必要的創建和更新、移除等操作。優化界面的繪制流暢。
4、使用簡單。你只需要使用StickyHeaderLayout包裹RecyclerView，并使用GroupedRecyclerViewAdapter實現兩級列表就可以了。
效果圖：
頭部吸頂的列表.gif
傳送門：https://github.com/donkingliang/GroupedRecyclerViewAdapter
