scrollview下拉刷新

最新推荐文章于 2025-06-24 21:23:20 发布

转载最新推荐文章于 2025-06-24 21:23:20 发布 · 683 阅读

android学习资料专栏收录该内容

58 篇文章

订阅专栏

本文介绍了一种自定义ScrollView实现下拉刷新功能的方法。通过继承ScrollView并添加头部布局实现下拉效果，同时提供了使用示例及如何设置刷新监听器。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

下面分享一下代码
首先是下拉刷新头的文件布局
<?xml version="1.0" encoding="utf-8"?>

<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="fill_parent"
  android:layout_height="wrap_content"
  android:background="#FFFFFF"
>
  
  <RelativeLayout
  android:layout_width="fill_parent"
  android:layout_height="wrap_content"
  android:id="@+id/head_contentLayout"
  android:paddingLeft="30dp"
  >
  
  <FrameLayout
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_alignParentLeft="true"
  android:layout_centerVertical="true"
  >
  
  <ImageView
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_gravity="center"
  android:src="@drawable/goicon"
  android:id="@+id/head_arrowImageView"
  />
  
  <ProgressBar
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  style="@android:style/Widget.ProgressBar.Small.Inverse"
  android:layout_gravity="center"
  android:id="@+id/head_progressBar"
  android:visibility="gone"
  />

  </FrameLayout>

  
  <LinearLayout
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_centerHorizontal="true"
  android:orientation="vertical"
  android:gravity="center_horizontal"
  >
  
  <TextView
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:text="下拉刷新"
  android:textColor="#000000"
  android:textSize="16sp"
  android:id="@+id/head_tipsTextView"
  />

  
  <TextView
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:id="@+id/head_lastUpdatedTextView"
  android:text="上次更新"
  android:textColor="#b89766"
  android:textSize="10sp"
  />
  </LinearLayout>
  </RelativeLayout>
</LinearLayout>

接下来就是写一个类继承scrollview 并且添加上上面的下拉刷新头（headview），并重载onTouchEvent方法。

这个是下拉刷新头
这个类的代码这里就不贴了，贴了太长帖子发不了。可以下载附件看一下。
思想是这样的：在自己写的ElasticScrollview（继承scrollview）中将下拉刷新头（headview）添到头顶，并设置headview的padding top为-headviewheight（它自己高度的负值），这样这个headview刚开始就看不见了。然后重载父类中的onTouchEvent方法，并设置headview的padding随着下拉不断变化，这样headview就显露出来了，随着不断下拉，状态在改变，headview的padding top在增大，这样看起来整个view就是有弹性的，当手指方开时（MotionEvent.ACTION_UP）再把padding设置回去，headview就又消失了。

我在ElasticScrollview中添加了一个innerLayout(这是一个LinearLayout)。 A ScrollView is a FrameLayout , meaning you should place one child in it containing the entire contents to scroll 这是官方文档里说 scrollview是一个单帧布局，所以你应该放一个子view来包含你所要滚动的所有内容。我这里已经在代码里加入了一个innerLayout了，所以你可以通过最后面的两个方法 addChild(View child)和addChild(View child, int position)添加你想滚动的内容。
使用方法：
在布局文件中引用ElasticScrollview
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
      <com.ElasticScrollView.view.ElasticScrollView
         android:id="@+id/scrollview1"
         android:layout_width="fill_parent"
         android:layout_height="fill_parent"
         android:background="#FFFFFF">
         //这里不能再添加内容了，如果你想讲某个布局添加到ElasticScrollview中，可以再其他文件里布局然后在代码里inflate出来通过调用方法addChild(View child, int position)将它加入到滚动视图中
      </com.ElasticScrollView.view.ElasticScrollView>
</LinearLayout>

在activity代码中
ElasticScrollView elasticscrollView = (ElasticScrollView)findViewById(R.id.scrollview1)
//注意要给ElasticScrollView  setonRefreshListener 才能触发下拉刷新的事件。
elasticscrollView.setonRefreshListener(new OnRefreshListener() {

                     @Override
                     public void onRefresh() {
                              //这里异步请求数据可通过addChild(View child, 1) 将数据添加，position=1因为 0的位置被下拉刷新头占用了。代替完成请求之后调用scrollView.onRefreshComplete();

                     }

});

转自http://www.eoeandroid.com/thread-159412-1-1.html