判断Listview滑到顶部的最精准方案，解决Listview设置EmptyView与SwipeRefreshLayout冲突

最新推荐文章于 2024-03-12 15:45:21 发布
最新推荐文章于 2024-03-12 15:45:21 发布
阅读量4.2k 收藏 2
点赞数 1
分类专栏： Android 文章标签： listview android 下拉刷新 EmptyView
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/TellH/article/details/50662634
版权

故事发生的背景

SwipeRefreshLayout是谷歌自家控件，提供下拉刷新的功能。然而这个控件简单易用的同时也有一个令人头疼的缺点，那就是它里面只能包含一个子View！有一天，需求来了，需要在为Listview添加EmptyView和下拉刷新，同时当显示EmptyView时也要求有下拉刷新。

尝试与探索

大家都知道，设置EmptyView需要把它放在一个容器内。这还不简单，SwipeRefreshLayout不就很好的容器吗？

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

        <ListView
            android:id="@+id/listview"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_gravity="center_horizontal"
            android:clipToPadding="false"
            android:divider="#E1E6E9"
            android:dividerHeight="20dp"
            android:padding="20dp"
            android:scrollbars="none" />

        <ScrollView
            android:id="@+id/emptyView"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:fillViewport="true">

            <TextView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:gravity="center"
                android:text="Nothing here..." />
        </ScrollView>
    </android.support.v4.widget.SwipeRefreshLayout>

故事就这样结束了吗？NO，这样写了后果是，当Listview没有数据显示的时候，EmptyView没有显示出来。

后来，我Google一下，在stackoverflow上看到很多解决方案，找到几种比较靠谱的方案，有一些说需要重写自定义Listview，个人觉得不够优雅就不列举出来了。

方案一：

把EmptyView放到SwipeRefreshLayout外面，这似乎是一个很完美的方案，同时也是最简单的，然而，这样的话EmptyView没有下拉刷新了。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#E1E6E9"
    android:orientation="vertical">

    <ScrollView
        android:id="@+id/emptyView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:visibility="gone"
        android:fillViewport="true">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center"
            android:text="Nothing here..." />
    </ScrollView>

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

        <ListView
            android:id="@+id/listview"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_gravity="center_horizontal"
            android:clipToPadding="false"
            android:divider="#E1E6E9"
            android:dividerHeight="20dp"
            android:padding="20dp"
            android:scrollbars="none" />

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

方案二

为了给EmptyView加下拉刷新，在把方案一中的EmptyView套上另一个SwipeRefreshLayout。这样的话就需要两份处理SwipeRefreshLayout的代码了，个人觉得比较麻烦，不够优雅，但也不失为一个完整的解决方案。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#E1E6E9"
    android:orientation="vertical">

    <android.support.v4.widget.SwipeRefreshLayout
        android:id="@+id/emptyView"
        android:layout_width=""
        android:layout_height="">
        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center"
            android:text="Nothing here..." />
    </android.support.v4.widget.SwipeRefreshLayout>
    <android.support.v4.widget.SwipeRefreshLayout
        android:id="@+id/refrashLayout"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <ListView
            android:id="@+id/listview"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_gravity="center_horizontal"
            android:clipToPadding="false"
            android:divider="#E1E6E9"
            android:dividerHeight="20dp"
            android:padding="20dp"
            android:scrollbars="none" />

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

方案三

我一向不喜欢简单粗暴，推崇优雅的解决方法。既然你SwipeRefreshLayout只能包含一个子View，那么我用FrameLayout wrap them all together不就行了？ 为什么用FrameLayout？ 因为FrameLayout相比于其他几个开销更低。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#E1E6E9"
    android:orientation="vertical">

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

        <FrameLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">

            <ListView
                android:id="@+id/listview"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:padding="20dp"
                android:clipToPadding="false"
                android:layout_gravity="center_horizontal"
                android:scrollbars="none"
                android:divider="#E1E6E9"
                android:dividerHeight="20dp" />

            <ScrollView
                android:id="@+id/emptyView"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:fillViewport="true">

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:gravity="center"
                    android:text="Nothing here..." />
            </ScrollView>
        </FrameLayout>
    </android.support.v4.widget.SwipeRefreshLayout>
</LinearLayout>

很合理的方案，然而故事并没有这么轻易结束，运行效果如图。
这里写图片描述
LIstview没有到达顶部下拉就会刷新！显然这个bug是无法接受的。我们需要在listview没有到达顶部的时候禁用SwipeRefreshLayout，在listview到达顶部的时候恢复SwipeRefreshLayout，就可以解决这个问题了。显然我们需要判断listview是否到达顶部的方法。

判断Listview滑到顶部的方案

我们网上一搜索，方法都是前篇一律的方案一。

方案一：简洁而粗糙

listview.setEmptyView(emptyView);
//防止SwipeRefreshLayout过早触发
listview.setOnScrollListener(new AbsListView.OnScrollListener() {
    @Override
    public void onScrollStateChanged(AbsListView view, int scrollState) {

    }
    @Override
    public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
        if (firstVisibleItem==0)
            refrashLayout.setEnabled(true);
        else refrashLayout.setEnabled(false);
    }
});

我天真地以为故事真的这样结束了，然而….
这里写图片描述
显然这是最简单的方案了，但却不能精确地判断是否真的滑到顶部！对于一些item高度比较大时，用这种方法判断似乎毫无意义。

终极方案

想到这个方法，我还是从Listview源码里面找到启发（源码真是最好的老师）。当Listview捕捉到ACTION_MOVE滑动动作时会调用trackMotionScroll方法，在里面有这样一段代码，判断子view是否移出屏幕。

if(down)
            {  //手指向下滑动
                final int top = listPadding.top - incrementalDeltaY;
                for (int i = 0; i < childCount; i++) {
                    final View child = getChildAt(i);
                    if (child.getBottom() >= top) {
                        break;
                    } else {  //子View已经移出了屏幕
                        count++;
                        int position = firstPosition + i;
                        if (position >= headerViewsCount && position < footerViewsStart) {
                            mRecycler.addScrapView(child);
                        }
                    }
                }
            }

            else
            {
                final int bottom = getHeight() - listPadding.bottom - incrementalDeltaY;
                for (int i = childCount - 1; i >= 0; i--) {
                    final View child = getChildAt(i);
                    if (child.getTop() <= bottom) {
                        break;
                    } else {
                        start = i;
                        count++;
                        int position = firstPosition + i;
                        if (position >= headerViewsCount && position < footerViewsStart) {
                            mRecycler.addScrapView(child);
                        }
                    }
                }
            }

那么给listview设置监听器，只要listview的第一个item的顶部y坐标值等于listview的顶部y坐标值表明listview到达了顶部
下面就show you the code!

        listview.setEmptyView(emptyView);
        listview.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                if (event.getAction() == MotionEvent.ACTION_MOVE) {
                    Log.d("Measure","listview.getListPaddingTop():"+listview.getListPaddingTop()+
                            " listview.getTop():"+listview.getTop()+"listview.getChildAt(0).getTop():"+listview.getChildAt(0).getTop());
                    if (listview.getFirstVisiblePosition() == 0 &&
                            listview.getChildAt(0).getTop() >= listview.getListPaddingTop()) {
                        refrashLayout.setEnabled(true);
                        Log.d("TAG", "reach top!!!");
                    }else refrashLayout.setEnabled(false);
                }
                return false;
            }
        });

这里写图片描述
EmptyView：
这里写图片描述

在情人节写代码，写博客，其实我是拒绝的~~不说了，完整代码已上传至Github，项目当中其他类不用管，相关代码在MainActivity中。

TellH
关注
专栏目录
Android中判断listview是否滑动到顶部和底部的实现方法
08-28
下面小编就为大家分享一篇Android中判断listview是否滑动到顶部和底部的实现方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
判断ListView滚动到顶部
yinzhijiezhan的专栏
09-23 840
listView.setOnScrollListener(new AbsListView.OnScrollListener() { @Override public void onScrollStateChanged(AbsListView absListView, int i) { //第一个可见的条目，是第一个条目
flutter ListView判断滚动到了顶部和底部
最新发布
androidhyf的博客
03-12 712
【代码】flutter ListView判断滚动到了顶部和底部。
判断listview滚动到最顶部最底部
weixin_30480075的博客
08-09 100
下面的方法在ListView外面能用, 自定义ListView里面不能用. privateOnScrollListenermyListener=newOnScrollListener(){publicvoidonScrollStateChanged(AbsListViewview,intscrollState){switch(...
listview 展示顶部
qq_34683323的博客
01-13 277
有listview界面，和其它控件布局的界面。可能刚进来的 展示的是listview的底部。 这时候要想 显示listview顶部。需设置 setSelection(0)//这个比较好用 listView.setSelectionAfterHeaderView();list.smoothScrollToPosition(0);
ScrollView嵌套ListView滑动冲突的解决方法
08-18
在ListView的`onTouchEvent`中，如果检测到上滑或下滑，且ListView已经滑动到底部或顶部，返回false，将事件交给父视图（ScrollView）处理。 3. **使用NestedScrollView替换ScrollView** 自Android Design Support...
Android listview和viewpager解决冲突 滑动冲突
02-15
Android listview viewpager 滑动 跳动 冲突解决 ListView中嵌套ViewPage有或者滑动手势冲突解决 blog 地址 : http://blog.csdn.net/aaawqqq/article/details/43824631
解决scrollView和listview滚动冲突，实现listview滑动到顶端和底部之后还能拖拽一定的距离，松开后返回
11-21
本文将详细探讨如何解决这种冲突，并实现类似微信聊天页面中列表滑动到顶部或底部后还能继续拖拽一段距离，松手后自动回弹的效果。 首先，我们需要理解ScrollView和ListView的滚动机制。ScrollView是一个可以包含单...
android完美解决listView与ScrollView滑动冲突
12-27
总之，解决Android中的ListView与ScrollView滑动冲突问题，需要理解事件分发机制，以及掌握各种滚动控件的特性和API。通过合理的设计和编程，可以实现两者无缝协作，提供流畅的用户体验。在提供的压缩包文件...
判断ListView已到达顶部或底部的方法
Meagan之家
11-30 715
1.判断ListView已滑动到顶部 public boolean isListViewReachTopEdge(final ListView listView) { boolean result=false; if(listView.getFirstVisiblePosition()==0){
ListView已到底部和顶部的判断
fjjjyf的博客
11-13 239
ListView已到底部和顶部的判断
Android ListView顶部固定浮动标题
shidaruanjian的专栏
09-21 1582
废话少说了，直接上示效果图 直接上代码了 https://github.com/youjiannuo/listViewFloatTitle/stargazers
Android listview ,ScrollView 回到顶部的按钮
aosting的专栏
08-28 6130
在有些listview上面和ScrollView上，当滑动到底部的时候，在右下角会出现一个回到顶部的按钮，提供更好的用户体验。 效果图如下： 布局 先说布局，可以用帧布局Framelayout，也可以用相对布局relativelayout.看下listview的布局文件： <RelativeLayout xmlns:android="http://schemas.and
Android 简单实现ListView指定ITEM滑到到顶停靠
panzhiling的博客
02-04 5654
借鉴github的scrolling tricks的实现思路， 二步实现listview指定的item到顶停靠，可点击，不哔哔了，直接上效果。 1.首先是布局文件，主界面是一个ListView和停靠的View组成，flowview就是要停靠的view，下面步骤中会在listview中加入两个header_view，flowview遮挡第二个headview，实现flowview和
listView滚动view置顶的简单做法
u010067689的博客
05-08 1796
今天要实现这么一个交互效果，先看gif 网上有一些人也做了这种交互效果，我做的这个效果比较简单。      先看xml主布局：<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_wid
SwipeRefreshLayout下拉冲突，没有上划到顶部就刷新
weixin_43390270的博客
03-27 526
SwipeRefreshLayout在使用的时候，一班会与Scroll view或者list view一同使用，那会他们再同时上划时就会出现冲突，如下解决办法：Scroll view为例 public void Scroll(){ mscrollView.getViewTreeObserver().addOnScrollChangedListener(new ViewTreeObserve...
需求：使用SwipeRefreshLayout时，在界面顶部才执行刷新
????的专栏
09-25 2260
需求：使用SwipeRefreshLayout时，在界面顶部才执行刷新 应用环境： SwipeRefreshLayout中包裹了一个列表，这个列表里有头，列表头中还包括了列表。 这时如果在头的列表在屏幕可视区域内（还没有上拉到页面顶部），下拉时会执行刷新（结果就是看不到页面的顶部）。 如图这个是错误的刷新结果 我们需要的是，这样： 解决办法： 在执行onRefresh
下拉刷新组件SwipeRefreshLayout的使用
duxiaxing的博客
12-06 284
1.swiperefreshlayout是谷歌自己的下拉刷新组件，使用方法与其他组件一样，将其放在需要下拉刷新功能的最外层即可，如：<android.support.v4.widget.SwipeRefreshLayout android:id="@+id/bank_card_swipe_refresh" xmlns:android="http://schemas.android.c
解决Android ScrollView与ListView滑动冲突
"Android滑动冲突的完美解决方案" 在Android应用开发中，滑动冲突是一个常见的问题，尤其是在构建复杂布局时，比如使用ScrollView来兼容小屏设备。滑动冲突主要发生在同方向滑动的组件之间，如ScrollView嵌套...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值