解決RecyclerView巢狀RecyclerView位移問題
阿新 • • 發佈：2019-01-26
一、概述
最近專案中用到了兩個RecyclerView巢狀的佈局，即RecyclerView的item也是RecyclerView，其中遇到了兩個比較典型的問題：1、當item的方向是垂直方向時，父RecyclerView首次載入會出現位移；2、當item的方向是水平方向時，父RecyclerView上下滑動之後，子RecyclerView位置會還原，本文主要解決以上兩個問題。我們先來瞄一眼這兩個問題的效果圖：
可以明顯的看到當item的Recyclerview是垂直方向時，開啟頁面時“title1”不見了；當item的Recyclerview是水平方向時，我們把 Inner Title1-x和 Inner Title2-x滑動一定距離之後，上下滑動父Recyclerview，Inner Title1-x和 Inner Title2-x的位置又還原了。
二、解決
2.1 首先解決垂直巢狀問題，這個比較簡單，主要是子Recyclerview搶佔焦點導致，我們只需要讓其父佈局獲取焦點即可解決，完整程式碼如下：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent" 關鍵程式碼就是這兩句：
android:focusableInTouchMode="true"
android:focusable="true"完整原始碼我已經提交到GitHub，佈局參見：item_vertical.xml，後面會提供倉庫地址。
2.2 解決水平巢狀，父Recyclerview上下滑動位置還原問題。該問題的解決思路比較清晰：1.設定Recyclerview的滑動監聽，每次滑動結束，記錄滑動位置，包括position和offset；2.呼叫LinearLayoutManager.scrollToPositionWithOffset()方法滑動到上一次記錄的位置即可。所以解決問題的關鍵點就在於計算滑動的position和offset，關鍵程式碼如下：
@Override
public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
super.onScrollStateChanged(recyclerView, newState);
switch (newState) {
case RecyclerView.SCROLL_STATE_IDLE:
int offset = recyclerView.computeHorizontalScrollOffset();
mEntity.scrollPosition = mLayoutManager.findFirstVisibleItemPosition() < 0 ? mEntity.scrollPosition : mLayoutManager.findFirstVisibleItemPosition() + 1;
if (mItemWidth <= 0) {
View item = mLayoutManager.findViewByPosition(mEntity.scrollPosition);
if (item != null) {
RecyclerView.LayoutParams layoutParams = (RecyclerView.LayoutParams) item.getLayoutParams();
mItemWidth = item.getWidth();
mItemMargin = layoutParams.rightMargin;
}
}
if (offset > 0 && mItemWidth > 0) {
//offset % mItemWidth：得到當前position的滑動距離
//mEntity.scrollPosition * mItemMargin：得到（0至position）的所有item的margin
//用當前item的寬度-所有margin-當前position的滑動距離，就得到offset。
mEntity.scrollOffset = mItemWidth - offset % mItemWidth + mEntity.scrollPosition * mItemMargin;
}
break;
}
}position的計算比較簡單，直接呼叫 :
LinearLayoutManager.findFirstVisibleItemPosition() + 1即可，而offset的計算要稍微複雜一點，計算公式如下：
//offset % mItemWidth：得到當前position的滑動距離
//mEntity.scrollPosition * mItemMargin：得到（0至position）的所有item的margin
//用當前item的寬度-所有margin-當前position的滑動距離，就得到offset。
mEntity.scrollOffset = mItemWidth - offset % mItemWidth + mEntity.scrollPosition * mItemMargin;至此，滑動的position和offset已經全部獲取到，接下來只需要呼叫如下程式碼，即可恢復到上一次滑動的位置，解決位置還原問題。
layoutManager.scrollToPositionWithOffset(item.scrollPosition, item.scrollOffset);完整程式碼如下，對應HorizontalAdapter.class：
public class HorizontalAdapter extends BaseQuickAdapter<Entity, BaseViewHolder> {
public static final String TAG = HorizontalAdapter.class.getSimpleName();
public HorizontalAdapter(List<Entity> data) {
super(R.layout.item_horizontal, data);
}
@Override
protected void convert(BaseViewHolder helper, Entity item) {
helper.setText(R.id.tv_title, item.title);
final RecyclerView recyclerView = helper.getView(R.id.rv_item);
final LinearLayoutManager layoutManager = new LinearLayoutManager(mContext);
layoutManager.setOrientation(OrientationHelper.HORIZONTAL);
recyclerView.setLayoutManager(layoutManager);
InnerAdapter innerAdapter = new InnerAdapter(item.innerEntities);
recyclerView.setAdapter(innerAdapter);
if (item.scrollOffset > 0) {
layoutManager.scrollToPositionWithOffset(item.scrollPosition, item.scrollOffset);
}
recyclerView.addOnScrollListener(new MyOnScrollListener(item, layoutManager));
}
private class MyOnScrollListener extends RecyclerView.OnScrollListener {
private LinearLayoutManager mLayoutManager;
private Entity mEntity;
private int mItemWidth;
private int mItemMargin;
public MyOnScrollListener(Entity shopItem, LinearLayoutManager layoutManager) {
mLayoutManager = layoutManager;
mEntity = shopItem;
}
@Override
public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
super.onScrolled(recyclerView, dx, dy);
}
@Override
public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
super.onScrollStateChanged(recyclerView, newState);
switch (newState) {
case RecyclerView.SCROLL_STATE_IDLE:
int offset = recyclerView.computeHorizontalScrollOffset();
mEntity.scrollPosition = mLayoutManager.findFirstVisibleItemPosition() < 0 ? mEntity.scrollPosition : mLayoutManager.findFirstVisibleItemPosition() + 1;
if (mItemWidth <= 0) {
View item = mLayoutManager.findViewByPosition(mEntity.scrollPosition);
if (item != null) {
RecyclerView.LayoutParams layoutParams = (RecyclerView.LayoutParams) item.getLayoutParams();
mItemWidth = item.getWidth();
mItemMargin = layoutParams.rightMargin;
}
}
if (offset > 0 && mItemWidth > 0) {
//offset % mItemWidth：得到當前position的滑動距離
//mEntity.scrollPosition * mItemMargin：得到（0至position）的所有item的margin
//用當前item的寬度-所有margin-當前position的滑動距離，就得到offset。
mEntity.scrollOffset = mItemWidth - offset % mItemWidth + mEntity.scrollPosition * mItemMargin;
}
break;
}
}
}
private class InnerAdapter extends BaseQuickAdapter<Entity.InnerEntity, BaseViewHolder> {
public InnerAdapter(List<Entity.InnerEntity> datas) {
super(R.layout.item_horizontal_inner, datas);
}
@Override
protected void convert(final BaseViewHolder helper, final Entity.InnerEntity item) {
helper.setText(R.id.title, item.innerTitle);
((ImageView) helper.getView(R.id.iv)).setImageResource(item.innerImageId);
}
}
}
來瞄一眼解決問題後的效果圖：
三、總結
由於時間關係(其實就是懶)，不想寫adapter的重複程式碼，所以直接用的BaseRecyclerViewAdapterHelper，感謝作者提供的優秀框架，如果是自己寫adapter程式碼，只需要把convert的程式碼在onBindViewHolder()中實現即可。
喜歡就star一下吧，如果有啥問題歡迎在issue或者評論裡面反饋。