RecyclerView和SwipeRefreshLayout

时间:2014-08-07 09:01:57

标签: android swiperefreshlayout android-recyclerview

我在RecyclerView-Layout中使用了新的SwipeRefreshLayout并遇到了一种奇怪的行为。当滚动列表回到顶部时,有时顶部的视图会被切入。

List scrolled to the top

如果我现在尝试滚动到顶部 - Pull-To-Refresh触发器。

cutted row

如果我尝试删除Recycler-View周围的Swipe-Refresh-Layout,问题就消失了。它可以在任何手机上重现(不仅仅是L-Preview设备)。

 <android.support.v4.widget.SwipeRefreshLayout
    android:id="@+id/contentView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:visibility="gone">

    <android.support.v7.widget.RecyclerView
        android:id="@+id/hot_fragment_recycler"
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</android.support.v4.widget.SwipeRefreshLayout>

这是我的布局 - 行由RecyclerViewAdapter动态构建(此列表中有2个Viewtypes)。

public class HotRecyclerAdapter extends TikDaggerRecyclerAdapter<GameRow> {

private static final int VIEWTYPE_GAME_TITLE = 0;
private static final int VIEWTYPE_GAME_TEAM = 1;

@Inject
Picasso picasso;

public HotRecyclerAdapter(Injector injector) {
    super(injector);
}

@Override
public void onBindViewHolder(RecyclerView.ViewHolder viewHolder, int position, int viewType) {
    switch (viewType) {
        case VIEWTYPE_GAME_TITLE: {
            TitleGameRowViewHolder holder = (TitleGameRowViewHolder) viewHolder;
            holder.bindGameRow(picasso, getItem(position));
            break;
        }
        case VIEWTYPE_GAME_TEAM: {
            TeamGameRowViewHolder holder = (TeamGameRowViewHolder) viewHolder;
            holder.bindGameRow(picasso, getItem(position));
            break;
        }
    }
}

@Override
public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup viewGroup, int viewType) {
    switch (viewType) {
        case VIEWTYPE_GAME_TITLE: {
            View view = inflater.inflate(R.layout.game_row_title, viewGroup, false);
            return new TitleGameRowViewHolder(view);
        }
        case VIEWTYPE_GAME_TEAM: {
            View view = inflater.inflate(R.layout.game_row_team, viewGroup, false);
            return new TeamGameRowViewHolder(view);
        }
    }
    return null;
}

@Override
public int getItemViewType(int position) {
    GameRow row = getItem(position);
    if (row.isTeamGameRow()) {
        return VIEWTYPE_GAME_TEAM;
    }
    return VIEWTYPE_GAME_TITLE;
}

这是适配器。

   hotAdapter = new HotRecyclerAdapter(this);

    recyclerView.setHasFixedSize(false);
    recyclerView.setAdapter(hotAdapter);
    recyclerView.setItemAnimator(new DefaultItemAnimator());
    recyclerView.setLayoutManager(new LinearLayoutManager(getActivity()));

    contentView.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {
        @Override
        public void onRefresh() {
            loadData();
        }
    });

    TypedArray colorSheme = getResources().obtainTypedArray(R.array.main_refresh_sheme);
    contentView.setColorSchemeResources(colorSheme.getResourceId(0, -1), colorSheme.getResourceId(1, -1), colorSheme.getResourceId(2, -1), colorSheme.getResourceId(3, -1));

包含FragmentRecycler的{​​{1}}代码。

如果其他人经历过这种行为并解决了这个问题,或者至少找到了原因吗?

12 个答案:

答案 0 :(得分:65)

addOnScrollListener

RecyclerView中写下以下代码

像这样:

    recyclerView.addOnScrollListener(new RecyclerView.OnScrollListener(){
        @Override
        public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
            int topRowVerticalPosition =
                    (recyclerView == null || recyclerView.getChildCount() == 0) ? 0 : recyclerView.getChildAt(0).getTop();
            swipeRefreshLayout.setEnabled(topRowVerticalPosition >= 0);

        }

        @Override
        public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
            super.onScrollStateChanged(recyclerView, newState);
        }
    });

答案 1 :(得分:52)

在使用此解决方案之前: RecyclerView还没有完成,不要在生产中使用它,除非你喜欢我!

至于2014年11月,RecyclerView中仍然存在导致canScrollVertically过早返回false的错误。此解决方案将解决所有滚动问题。

解决方案的下降:

public class FixedRecyclerView extends RecyclerView {
    public FixedRecyclerView(Context context) {
        super(context);
    }

    public FixedRecyclerView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public FixedRecyclerView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
    }

    @Override
    public boolean canScrollVertically(int direction) {
        // check if scrolling up
        if (direction < 1) {
            boolean original = super.canScrollVertically(direction);
            return !original && getChildAt(0) != null && getChildAt(0).getTop() < 0 || original;
        }
        return super.canScrollVertically(direction);

    }
}

您甚至不需要用RecyclerView替换代码中的FixedRecyclerView,替换XML标记就足够了! (确保在RecyclerView完成后,转换将快速而简单)

说明:

基本上,canScrollVertically(boolean)过早返回false,因此我们检查RecyclerView是否一直滚动到第一个视图的顶部(第一个孩子的顶部是0) )然后返回。

编辑: 如果您因某些原因不想扩展RecyclerView,可以扩展SwipeRefreshLayout并覆盖canChildScrollUp()方法并将检查逻辑放在那里。

<强> EDIT2: RecyclerView已经发布,到目前为止还没有必要使用此修复程序。

答案 2 :(得分:12)

我最近遇到了同样的问题。我尝试了@Krunal_Patel建议的方法,但它在我的Nexus 4中大部分时间工作,并且在三星galaxy s2中根本不起作用。在调试时,对于RecyclerView,recyclelerView.getChildAt(0).getTop()始终不正确。因此,在经过各种方法之后,我想我们可以利用LayoutManager的方法findFirstCompletelyVisibleItemPosition()来预测RecyclerView的第一项是否可见,以启用SwipeRefreshLayout.Find下面的代码。希望它可以帮助有人试图解决同样的问题。干杯。

    recyclerView.setOnScrollListener(new RecyclerView.OnScrollListener() {

        public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
        }

        public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
            swipeRefresh.setEnabled(linearLayoutManager.findFirstCompletelyVisibleItemPosition() == 0);
        }
    });

答案 3 :(得分:10)

这就是我在我的案例中解决这个问题的方法。对于那些最终在这里寻找类似于此的解决方案的人来说,这可能是有用的。

recyclerView.addOnScrollListener(new OnScrollListener()
    {
        @Override
        public void onScrolled(RecyclerView recyclerView, int dx, int dy)
        {
            // TODO Auto-generated method stub
            super.onScrolled(recyclerView, dx, dy);
        }

        @Override
        public void onScrollStateChanged(RecyclerView recyclerView, int newState)
        {
            // TODO Auto-generated method stub
            //super.onScrollStateChanged(recyclerView, newState);
            int firstPos=linearLayoutManager.findFirstCompletelyVisibleItemPosition();
            if (firstPos>0)
            {
                swipeLayout.setEnabled(false);
            }
            else {
                swipeLayout.setEnabled(true);
            }
        }
    });

我希望这肯定有助于寻找类似解决方案的人。

答案 4 :(得分:1)

源代码 https://drive.google.com/open?id=0BzBKpZ4nzNzURkRGNVFtZXV1RWM

recyclerView.setOnScrollListener(new RecyclerView.OnScrollListener(){

    public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
    }

    public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
        swipeRefresh.setEnabled(linearLayoutManager.findFirstCompletelyVisibleItemPosition() == 0);
    }
});

答案 5 :(得分:0)

不幸的是,这是LinearLayoutManager中的已知错误。当第一个项目可见时,它不会正确计算ScrollOffset。 将在释放后修复。

答案 6 :(得分:0)

我遇到过同样的问题。我通过添加滚动侦听器来解决它,该侦听器将等待RecyclerView上预期的第一个可见项目。您也可以绑定其他滚动侦听器。在您使用标题视图持有者的情况下,如果应启用SwipeRefreshLayout,则会添加预期的第一个可见值,以将其用作阈值位置。

public class SwipeRefreshLayoutToggleScrollListener extends RecyclerView.OnScrollListener {
        private List<RecyclerView.OnScrollListener> mScrollListeners = new ArrayList<RecyclerView.OnScrollListener>();
        private int mExpectedVisiblePosition = 0;

        public SwipeRefreshLayoutToggleScrollListener(SwipeRefreshLayout mSwipeLayout) {
            this.mSwipeLayout = mSwipeLayout;
        }

        private SwipeRefreshLayout mSwipeLayout;
        public void addScrollListener(RecyclerView.OnScrollListener listener){
            mScrollListeners.add(listener);
        }
        public boolean removeScrollListener(RecyclerView.OnScrollListener listener){
            return mScrollListeners.remove(listener);
        }
        public void setExpectedFirstVisiblePosition(int position){
            mExpectedVisiblePosition = position;
        }
        @Override
        public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
            super.onScrollStateChanged(recyclerView, newState);
            notifyScrollStateChanged(recyclerView,newState);
            LinearLayoutManager llm = (LinearLayoutManager) recyclerView.getLayoutManager();
            int firstVisible = llm.findFirstCompletelyVisibleItemPosition();
            if(firstVisible != RecyclerView.NO_POSITION)
                mSwipeLayout.setEnabled(firstVisible == mExpectedVisiblePosition);

        }

        @Override
        public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
            super.onScrolled(recyclerView, dx, dy);
            notifyOnScrolled(recyclerView, dx, dy);
        }
        private void notifyOnScrolled(RecyclerView recyclerView, int dx, int dy){
            for(RecyclerView.OnScrollListener listener : mScrollListeners){
                listener.onScrolled(recyclerView, dx, dy);
            }
        }
        private void notifyScrollStateChanged(RecyclerView recyclerView, int newState){
            for(RecyclerView.OnScrollListener listener : mScrollListeners){
                listener.onScrollStateChanged(recyclerView, newState);
            }
        }
    }

用法:

SwipeRefreshLayoutToggleScrollListener listener = new SwipeRefreshLayoutToggleScrollListener(mSwiperRefreshLayout);
listener.addScrollListener(this); //optional
listener.addScrollListener(mScrollListener1); //optional
mRecyclerView.setOnScrollLIstener(listener);

答案 7 :(得分:0)

我遇到了同样的问题。我的解决方案是覆盖onScrolled的{​​{1}}方法。

解决方法在这里:

OnScrollListener

答案 8 :(得分:0)

这是处理此问题的一种方法,它还处理ListView / GridView。

int operand1 = 2147483647;
int operand2 = 1; 
long longValue = (long) operand1 + operand2;

答案 9 :(得分:0)

krunal的解决方案很好,但它的工作方式与修补程序类似,并不涵盖某些特定情况,例如:

假设RecyclerView在屏幕中间包含一个EditText。我们启动应用程序(topRowVerticalPosition = 0),点击EditText。结果,软件键盘显示,RecyclerView的大小减少,系统自动滚动以保持EditText可见,topRowVerticalPosition不应为0,但不调用onScrolled并且不重新计算topRowVerticalPosition。

因此,我建议这个解决方案:

public class SupportSwipeRefreshLayout extends SwipeRefreshLayout {
    private RecyclerView mInternalRecyclerView = null;

    public SupportSwipeRefreshLayout(Context context) {
        super(context);
    }

    public SupportSwipeRefreshLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public void setInternalRecyclerView(RecyclerView internalRecyclerView) {
        mInternalRecyclerView = internalRecyclerView;
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        if (mInternalRecyclerView.canScrollVertically(-1)) {
            return false;
        }
        return super.onInterceptTouchEvent(ev);
    }
}

指定内部RecyclerView到SupportSwipeRefreshLayout后,如果无法向上滚动RecyclerView,它将自动向TouchSwipeRefreshLayout发送触摸事件,否则将发送到RecyclerView。

答案 10 :(得分:0)

单线解决方案。

setOnScrollListener 已弃用。

你可以像这样使用 setOnScrollChangeListener 进行相同的操作:

recylerView.setOnScrollChangeListener((view, i, i1, i2, i3) -> swipeToRefreshLayout.setEnabled(linearLayoutManager.findFirstCompletelyVisibleItemPosition() == 0));

答案 11 :(得分:0)

如果有人发现了这个问题,但对答案不满意:

似乎SwipeRefreshLayout与具有不止一种项目类型的适配器不兼容。