App列表之下拉刷新

最新推荐文章于 2023-07-18 11:24:21 发布
最新推荐文章于 2023-07-18 11:24:21 发布
阅读量3.2k 收藏 1
点赞数
分类专栏： Android View Android 文章标签： header listview scroll list layout null

http://www.cnblogs.com/qianxudetianxia/archive/2012/06/16/2549891.html

Android的ListView是应用最广的一个组件，功能强大，扩展性灵活(不局限于ListView本身一个类)，前面的文章有介绍分组，拖拽，3D立体，游标，圆角，而今天我们要介绍的是另外一个扩展ListView：下拉刷新的ListView。
    下拉刷新界面最初流行于iphone应用界面，如图：


    然后在Android中也逐渐被应用，比如微博，资讯类。
    所以，今天要实现的结果应该也是类似的，先贴出最终完成效果,如下图，接下来我们一步一步实现。

 

1. 流程分析
    下拉刷新最主要的流程是：
    (1). 下拉，显示提示头部界面(HeaderView)，这个过程提示用户"下拉刷新"
    (2). 下拉到一定程度，超出了刷新最基本的下拉界限，我们认为达到了刷新的条件，提示用户可以"松手刷新"了，效果上允许用户继续下拉
    (3). 用户松手，可能用户下拉远远不止提示头部界面，所以这一步，先反弹回仅显示提示头部界面，然后提示用户"正在加载"。
    (4). 加载完成后，隐藏提示头部界面。
    示意图如下：

->->

2. 实现分析
    当前我们要实现上述流程，是基于ListView的，所以对应ListView本身的功能我们来分析一下实现原理：
    (1). 下拉，显示提示头部界面，这个过程提示用户"下拉刷新"
        a. 下拉的操作，首先是监听滚动，ListView提供了onScroll()方法
        b. 与下拉类似一个动作向下飞滑，所以ListView的scrollState有3种值:SCROLL_STATE_IDLE, SCROLL_STATE_TOUCH_SCROLL, SCROLL_STATE_FLING,意思容易理解，而我们要下拉的触发条件是SCROLL_STATE_TOUCH_SCROLL。判断当前的下拉操作状态，ListView提供了public void onScrollStateChanged(AbsListView view, int scrollState) {}。
    c. 下拉的过程中，我们可能还需要下拉到多少的边界值处理，重写onTouchEvent(MotionEvent ev){}方法，可依据ACTION_DOWN，ACTION_MOVE，ACTION_UP实现更精细的判断。
    (2). 下拉到一定程度，超出了刷新最基本的下拉界限，我们认为达到了刷新的条件，提示用户可以"松手刷新"了，效果上允许用户继续下拉
        a. 达到下拉刷新界限，一般指达到header的高度的，所以有两步，第一，获取header的高度，第二，当header.getBottom()>=header的高度时，我们认为就达到了刷新界限值
        b. 继续允许用户下拉，当header完全下拉后，默认无法继续下拉，但是可以增加header的PaddingTop实现这种效果
    (3). 用户松手，可能用户下拉远远不止提示头部界面，所以这一步，先反弹回仅显示提示头部界面，然后提示用户"正在加载"。
        a. 松手后反弹，这个不能一下子弹回去，看上去太突然，需要一步一步柔性的弹回去，像弹簧一样，我们可以new一个Thread循环计算减少PaddingTop，直到PaddingTop为0，反弹结束。
        b. 正在加载，在子线程里处理后台任务
    (4). 加载完成后，隐藏提示头部界面。
        a. 后台任务完成后，我们需要隐藏header,setSelection(1)即实现了从第2项开始显示，间接隐藏了header。
上面我们分析了实现过程的轮廓，接下来，通过细节说明和代码具体实现。

3. 初始化
    一切状态显示都是用HeaderView显示的，所以我们需要一个HeaderView的layout，使用addHeaderView方法添加到ListView中。
    同时，默认状态下，HeaderView是不显示的，只是在下拉后才显示，所以我们需要隐藏HeaderView且不影响后续的下拉显示，用setSelection(1)。
    refresh_list_header.xml布局如下:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<? 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:gravity = "center" >
     < ProgressBar android:id = "@+id/refresh_list_header_progressbar"
         android:layout_width = "wrap_content"
         android:layout_height = "wrap_content"
         android:layout_gravity = "center"
         style = "?android:attr/progressBarStyleSmall"
         android:visibility = "gone" >
     </ ProgressBar >
     < ImageView android:id = "@+id/refresh_list_header_pull_down"
         android:layout_width = "9dip"
         android:layout_height = "25dip"
         android:layout_gravity = "center"
         android:src = "@drawable/refresh_list_pull_down" />
     < ImageView android:id = "@+id/refresh_list_header_release_up"
         android:layout_width = "9dip"
         android:layout_height = "25dip"
         android:layout_gravity = "center"
         android:src = "@drawable/refresh_list_release_up"
         android:visibility = "gone" />
     < RelativeLayout android:layout_width = "180dip"
         android:layout_height = "wrap_content" >
         < TextView android:id = "@+id/refresh_list_header_text"
             android:layout_width = "fill_parent"
             android:layout_height = "wrap_content"
             android:gravity = "center"
             android:layout_alignParentTop = "true"
             android:textSize = "12dip"
             android:textColor = "#192F06"
             android:paddingTop = "8dip"
             android:text = "@string/app_list_header_refresh_down" />
         < TextView android:id = "@+id/refresh_list_header_last_update"
             android:layout_width = "fill_parent"
             android:layout_height = "wrap_content"
             android:gravity = "center"
             android:layout_below = "@id/refresh_list_header_text"
             android:textSize = "12dip"
             android:textColor = "#192F06"
             android:paddingBottom = "8dip"
             android:text = "@string/app_list_header_refresh_last_update" />
     </ RelativeLayout >
</ LinearLayout >

    代码中在构造函数中添加init()方法加载如下:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
private LinearLayout mHeaderLinearLayout = null ;
private TextView mHeaderTextView = null ;
private TextView mHeaderUpdateText = null ;
private ImageView mHeaderPullDownImageView = null ;
private ImageView mHeaderReleaseDownImageView = null ;
private ProgressBar mHeaderProgressBar = null ;
 
public RefreshListView(Context context) {
     this (context, null );
}
public RefreshListView(Context context, AttributeSet attrs) {
     super (context, attrs);
     init(context);
}
 
void init( final Context context) {
     mHeaderLinearLayout = (LinearLayout) LayoutInflater.from(context).inflate(R.layout.refresh_list_header, null );
     addHeaderView(mHeaderLinearLayout);
     mHeaderTextView = (TextView) findViewById(R.id.refresh_list_header_text);
     mHeaderUpdateText = (TextView) findViewById(R.id.refresh_list_header_last_update);
     mHeaderPullDownImageView = (ImageView) findViewById(R.id.refresh_list_header_pull_down);
     mHeaderReleaseDownImageView = (ImageView) findViewById(R.id.refresh_list_header_release_up);
     mHeaderProgressBar = (ProgressBar) findViewById(R.id.refresh_list_header_progressbar);
 
     setSelection( 1 );
}

    默认就显示完成了。

4. HeaderView的默认高度测量
    因为下拉到HeaderView全部显示出来，就由提示"下拉刷新"变为"松手刷新",全部显示的出来的测量标准就是header.getBottom()>=header的高度。
    所以，首先我们需要测量HeaderView的默认高度。

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
//因为是在构造函数里测量高度，应该先measure一下
private void measureView(View child) {
     ViewGroup.LayoutParams p = child.getLayoutParams();
     if (p == null ) {
         p = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.FILL_PARENT,
                 ViewGroup.LayoutParams.WRAP_CONTENT);
     }
 
     int childWidthSpec = ViewGroup.getChildMeasureSpec( 0 , 0 + 0 , p.width);
     int lpHeight = p.height;
     int childHeightSpec;
     if (lpHeight > 0 ) {
         childHeightSpec = MeasureSpec.makeMeasureSpec(lpHeight,
                 MeasureSpec.EXACTLY);
     } else {
         childHeightSpec = MeasureSpec.makeMeasureSpec( 0 ,
                 MeasureSpec.UNSPECIFIED);
     }
     child.measure(childWidthSpec, childHeightSpec);
}

    然后在init的上述代码后面加上调用measureView后，使用getMeasureHeight()方法获取header的高度：

?
1
2
3
4
5
6
private int mHeaderHeight;
void init( final Context context) {
     ... ...
     measureView(mHeaderLinearLayout);
     mHeaderHeight = mHeaderLinearLayout.getMeasuredHeight();
}

　 后面我们就会用到这个mHeaderHeight.

5. scrollState监听记录
    scrollState有3种，使用onScrollStateChanged()方法监听记录。

?
1
2
3
4
5
private int mCurrentScrollState;
@Override
public void onScrollStateChanged(AbsListView view, int scrollState) {
     mCurrentScrollState = scrollState;
}

    然后即可使用mCurrentScrollState作为后面判断的条件了。

6. 刷新状态分析
    因为一些地方需要知道我们处在正常状态下还是进入下拉刷新状态还是松手反弹状态，比如，
    (1). 在非正常的状态下，我们不小心飞滑了一下(松手的瞬间容易出现这种情况),我们不能setSelection(1)的，否则总是松手后header跳的一下消失掉了。
    (2). 下拉后要做一个下拉效果的特殊处理，需要用到OVER_PULL_REFRESH(松手刷新状态下)
    (3). 松手反弹后要做一个反弹效果的特殊处理，需要用到OVER_PULL_REFRESH和ENTER_PULL_REFRESH。

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
private final static int NONE_PULL_REFRESH = 0 ;   //正常状态
private final static int ENTER_PULL_REFRESH = 1 ;  //进入下拉刷新状态
private final static int OVER_PULL_REFRESH = 2 ;   //进入松手刷新状态
private final static int EXIT_PULL_REFRESH = 3 ;     //松手后反弹后加载状态
private int mPullRefreshState = 0 ;                         //记录刷新状态
@Override
public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
     if (mCurrentScrollState ==SCROLL_STATE_TOUCH_SCROLL
             && firstVisibleItem == 0
             && (mHeaderLinearLayout.getBottom() >= 0 && mHeaderLinearLayout.getBottom() < mHeaderHeight)) {
         //进入且仅进入下拉刷新状态
         if (mPullRefreshState == NONE_PULL_REFRESH) {
             mPullRefreshState = ENTER_PULL_REFRESH;
         }
     } else if (mCurrentScrollState ==SCROLL_STATE_TOUCH_SCROLL
             && firstVisibleItem == 0
             && (mHeaderLinearLayout.getBottom() >= mHeaderHeight)) {
         //下拉达到界限，进入松手刷新状态
         if (mPullRefreshState == ENTER_PULL_REFRESH || mPullRefreshState == NONE_PULL_REFRESH) {
             mPullRefreshState = OVER_PULL_REFRESH;
             //下面是进入松手刷新状态需要做的一个显示改变
             mDownY = mMoveY; //用于后面的下拉特殊效果
             mHeaderTextView.setText( "松手刷新" );
             mHeaderPullDownImageView.setVisibility(View.GONE);
             mHeaderReleaseDownImageView.setVisibility(View.VISIBLE);
         }
     } else if (mCurrentScrollState ==SCROLL_STATE_TOUCH_SCROLL && firstVisibleItem != 0 ) {
         //不刷新了
         if (mPullRefreshState == ENTER_PULL_REFRESH) {
             mPullRefreshState = NONE_PULL_REFRESH;
         }
     } else if (mCurrentScrollState == SCROLL_STATE_FLING && firstVisibleItem == 0 ) {
         //飞滑状态，不能显示出header，也不能影响正常的飞滑
         //只在正常情况下才纠正位置
         if (mPullRefreshState == NONE_PULL_REFRESH) {
             setSelection( 1 );
         }
     }
}

　　mPullRefreshState将是后面我们处理边界的重要变量。

6. 下拉效果的特殊处理
    所谓的特殊处理，当header完全显示后，下拉只按下拉1/3的距离下拉，给用户一种艰难下拉，该松手的弹簧感觉。
    这个在onTouchEvent里处理比较方便：

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
private float mDownY;
private float mMoveY;
@Override
public boolean onTouchEvent(MotionEvent ev) {
     switch (ev.getAction()) {
         case MotionEvent.ACTION_DOWN:
             //记下按下位置
             //改变
             mDownY = ev.getY();
             break ;
         case MotionEvent.ACTION_MOVE:
             //移动时手指的位置
             mMoveY = ev.getY();
             if (mPullRefreshState == OVER_PULL_REFRESH) {
                 //注意下面的mDownY在onScroll的第二个else中被改变了
                 mHeaderLinearLayout.setPadding(mHeaderLinearLayout.getPaddingLeft(),
                         ( int )((mMoveY - mDownY)/ 3 ), //1/3距离折扣
                         mHeaderLinearLayout.getPaddingRight(),
                         mHeaderLinearLayout.getPaddingBottom());
             }
             break ;
         case MotionEvent.ACTION_UP:
             ... ...
             break ;
     }
     return super .onTouchEvent(ev);
}
 
//重复贴出下面这段需要注意的代码
@Override
public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
     ... ...
     else if (mCurrentScrollState == SCROLL_STATE_TOUCH_SCROLL
             && firstVisibleItem == 0
             && (mHeaderLinearLayout.getBottom() >= mHeaderHeight)) {
         //下拉达到界限，进入松手刷新状态
         if (mPullRefreshState == ENTER_PULL_REFRESH || mPullRefreshState == NONE_PULL_REFRESH) {
             mPullRefreshState = OVER_PULL_REFRESH;
             mDownY = mMoveY; //为下拉1/3折扣效果记录开始位置
             mHeaderTextView.setText( "松手刷新" ); //显示松手刷新
             mHeaderPullDownImageView.setVisibility(View.GONE); //隐藏"下拉刷新"
             mHeaderReleaseDownImageView.setVisibility(View.VISIBLE); //显示向上的箭头
         }
     }
     ... ...
}

　　onScroll里监听到了进入松手刷新状态，onTouchEvent就开始在ACTION_MOVE中处理1/3折扣问题。

7. 反弹效果的特殊处理
    松手后我们需要一个柔性的反弹效果，意味着我们弹回去的过程需要分一步步走,我的解决方案是：
    在子线程里计算PaddingTop，并减少到原来的3/4，循环通知主线程，直到PaddingTop小于1(这个值取一个小值，合适即可)。
    松手后，当然是在onTouchEvent的ACTION_UP条件下处理比较方便：

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
//因为涉及到handler数据处理，为方便我们定义如下常量
private final static int REFRESH_BACKING = 0 ;      //反弹中
private final static int REFRESH_BACED = 1 ;        //达到刷新界限，反弹结束后
private final static int REFRESH_RETURN = 2 ;       //没有达到刷新界限，返回
private final static int REFRESH_DONE = 3 ;         //加载数据结束
 
@Override
public boolean onTouchEvent(MotionEvent ev) {
     switch (ev.getAction()) {
         ... ...
         case MotionEvent.ACTION_UP:
             //when you action up, it will do these:
             //1. roll back util header topPadding is 0
             //2. hide the header by setSelection(1)
             if (mPullRefreshState == OVER_PULL_REFRESH || mPullRefreshState == ENTER_PULL_REFRESH) {
                 new Thread() {
                     public void run() {
                         Message msg;
                         while (mHeaderLinearLayout.getPaddingTop() > 1 ) {
                             msg = mHandler.obtainMessage();
                             msg.what = REFRESH_BACKING;
                             mHandler.sendMessage(msg);
                             try {
                                 sleep( 5 ); //慢一点反弹，别一下子就弹回去了
                             } catch (InterruptedException e) {
                                 e.printStackTrace();
                             }
                         }
                         msg = mHandler.obtainMessage();
                         if (mPullRefreshState == OVER_PULL_REFRESH) {
                             msg.what = REFRESH_BACED; //加载数据完成，结束返回
                         } else {
                             msg.what = REFRESH_RETURN; //未达到刷新界限，直接返回
                         }
                         mHandler.sendMessage(msg);
                     };
                 }.start();
             }
             break ;
     }
     return super .onTouchEvent(ev);
}
 
private Handler mHandler = new Handler(){
     @Override
     public void handleMessage(Message msg) {
         switch (msg.what) {
         case REFRESH_BACKING:
             mHeaderLinearLayout.setPadding(mHeaderLinearLayout.getPaddingLeft(),
                     ( int ) (mHeaderLinearLayout.getPaddingTop()* 0 .75f),
                     mHeaderLinearLayout.getPaddingRight(),
                     mHeaderLinearLayout.getPaddingBottom());
             break ;
         case REFRESH_BACED:
             mHeaderTextView.setText( "正在加载..." );
             mHeaderProgressBar.setVisibility(View.VISIBLE);
             mHeaderPullDownImageView.setVisibility(View.GONE);
             mHeaderReleaseDownImageView.setVisibility(View.GONE);
             mPullRefreshState = EXIT_PULL_REFRESH;
             new Thread() {
                 public void run() {
                     sleep( 2000 ); //处理后台加载数据
                     Message msg = mHandler.obtainMessage();
                     msg.what = REFRESH_DONE;
                     //通知主线程加载数据完成
                     mHandler.sendMessage(msg);
                 };
             }.start();
             break ;
         case REFRESH_RETURN:
             //未达到刷新界限，返回
             mHeaderTextView.setText( "下拉刷新" );
             mHeaderProgressBar.setVisibility(View.INVISIBLE);
             mHeaderPullDownImageView.setVisibility(View.VISIBLE);
             mHeaderReleaseDownImageView.setVisibility(View.GONE);
             mHeaderLinearLayout.setPadding(mHeaderLinearLayout.getPaddingLeft(),
                     0 ,
                     mHeaderLinearLayout.getPaddingRight(),
                     mHeaderLinearLayout.getPaddingBottom());
             mPullRefreshState = NONE_PULL_REFRESH;
             setSelection( 1 );
             break ;
         case REFRESH_DONE:
             //刷新结束后，恢复原始默认状态
             mHeaderTextView.setText( "下拉刷新" );
             mHeaderProgressBar.setVisibility(View.INVISIBLE);
             mHeaderPullDownImageView.setVisibility(View.VISIBLE);
             mHeaderReleaseDownImageView.setVisibility(View.GONE);
             mHeaderUpdateText.setText(getContext().getString(R.string.app_list_header_refresh_last_update,
                     mSimpleDateFormat.format( new Date())));
             mHeaderLinearLayout.setPadding(mHeaderLinearLayout.getPaddingLeft(),
                     0 ,
                     mHeaderLinearLayout.getPaddingRight(),
                     mHeaderLinearLayout.getPaddingBottom());
             mPullRefreshState = NONE_PULL_REFRESH;
             setSelection( 1 );
             break ;
         default :
             break ;
         }
     }
};

    为了一下子看的明确，我把效果中的数据处理代码也贴出来了。

8. 切入数据加载过程
    上面数据后台处理我们用sleep(2000)来处理，实际处理中，作为公共组件，我们也不好把具体代码直接写在这里，我们需要一个更灵活的分离:
    (1). 定义接口
    (2). 注入接口

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
//定义接口
public interface RefreshListener {
     Object refreshing();                //加载数据
     void refreshed(Object obj);    //外部可扩展加载完成后的操作
}
 
//注入接口
private Object mRefreshObject = null ; //传值
private RefreshListener mRefreshListener = null ;
public void setOnRefreshListener(RefreshListener refreshListener) {
     this .mRefreshListener = refreshListener;
}
 
 
//我们需要重写上面的mHandler如下代码
case REFRESH_BACED:
     ... ...
     new Thread() {
         public void run() {
             if (mRefreshListener != null ) {
                 mRefreshObject = mRefreshListener.refreshing();
             }
             Message msg = mHandler.obtainMessage();
             msg.what = REFRESH_DONE;
             mHandler.sendMessage(msg);
         };
     }.start();
     break ;
case REFRESH_DONE:
     ... ...
     mPullRefreshState = NONE_PULL_REFRESH;
     setSelection( 1 );
     if (mRefreshListener != null ) {
         mRefreshListener.refreshed(mRefreshObject);
     }
     break ;

    在其他地方我们就可以不修改这个listview组件的代码，使用如下：

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
public xxx implements RefreshListener{
 
@Override
     protected void onCreate(Bundle savedInstanceState) {
         super .onCreate(savedInstanceState);
         //类似如下
         ((RefreshListView) listView).setOnRefreshListener( this );
     }
 
     @Override
     public Object refreshing() {
         String result = null ;
         //result = FileUtils.readTextFile(file);
         return result;
     }
 
     @Override
     public void refreshed(Object obj) {
         if (obj != null ) {
            //扩展操作
         }
     };
}

　　很方便了。

9. 扩展"更多"功能
    下拉刷新之外，我们也可以通过相同方法使用FooterView切入底部"更多"过程，这里我就不详细说明了

10. 源码
    上面的每段代码都看做是"零部件"，需要组合一下。
    因为我们上面实现了下拉刷新，还增加了"更多"功能，我们直接命名这个类为RefreshListView吧：

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
package com.tianxia.lib.baseworld.widget;
 
import java.text.SimpleDateFormat;
import java.util.Date;
 
import android.content.Context;
import android.os.Handler;
import android.os.Message;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AbsListView;
import android.widget.AbsListView.OnScrollListener;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.ListAdapter;
import android.widget.ListView;
import android.widget.ProgressBar;
import android.widget.TextView;
 
import com.tianxia.lib.baseworld.R;
 
/**
  * 下拉刷新，底部更多
  *
  */
public class RefreshListView extends ListView implements OnScrollListener{
 
     private float mDownY;
     private float mMoveY;
 
     private int mHeaderHeight;
 
     private int mCurrentScrollState;
 
     private final static int NONE_PULL_REFRESH = 0 ;    //正常状态
     private final static int ENTER_PULL_REFRESH = 1 ;   //进入下拉刷新状态
     private final static int OVER_PULL_REFRESH = 2 ;    //进入松手刷新状态
     private final static int EXIT_PULL_REFRESH = 3 ;    //松手后反弹和加载状态
     private int mPullRefreshState = 0 ;                 //记录刷新状态
 
     private final static int REFRESH_BACKING = 0 ;      //反弹中
     private final static int REFRESH_BACED = 1 ;        //达到刷新界限，反弹结束后
     private final static int REFRESH_RETURN = 2 ;       //没有达到刷新界限，返回
     private final static int REFRESH_DONE = 3 ;         //加载数据结束
 
     private LinearLayout mHeaderLinearLayout = null ;
     private LinearLayout mFooterLinearLayout = null ;
     private TextView mHeaderTextView = null ;
     private TextView mHeaderUpdateText = null ;
     private ImageView mHeaderPullDownImageView = null ;
     private ImageView mHeaderReleaseDownImageView = null ;
     private ProgressBar mHeaderProgressBar = null ;
     private TextView mFooterTextView = null ;
     private ProgressBar mFooterProgressBar = null ;
 
     private SimpleDateFormat mSimpleDateFormat;
 
     private Object mRefreshObject = null ;
     private RefreshListener mRefreshListener = null ;
     public void setOnRefreshListener(RefreshListener refreshListener) {
         this .mRefreshListener = refreshListener;
     }
 
     public RefreshListView(Context context) {
         this (context, null );
     }
 
     public RefreshListView(Context context, AttributeSet attrs) {
         super (context, attrs);
         init(context);
     }
 
     void init( final Context context) {
         mHeaderLinearLayout = (LinearLayout) LayoutInflater.from(context).inflate(R.layout.refresh_list_header, null );
         addHeaderView(mHeaderLinearLayout);
         mHeaderTextView = (TextView) findViewById(R.id.refresh_list_header_text);
         mHeaderUpdateText = (TextView) findViewById(R.id.refresh_list_header_last_update);
         mHeaderPullDownImageView = (ImageView) findViewById(R.id.refresh_list_header_pull_down);
         mHeaderReleaseDownImageView = (ImageView) findViewById(R.id.refresh_list_header_release_up);
         mHeaderProgressBar = (ProgressBar) findViewById(R.id.refresh_list_header_progressbar);
 
         mFooterLinearLayout = (LinearLayout) LayoutInflater.from(context).inflate(R.layout.refresh_list_footer, null );
         addFooterView(mFooterLinearLayout);
         mFooterProgressBar = (ProgressBar) findViewById(R.id.refresh_list_footer_progressbar);
         mFooterTextView = (TextView) mFooterLinearLayout.findViewById(R.id.refresh_list_footer_text);
         mFooterLinearLayout.setOnClickListener( new OnClickListener() {
             @Override
             public void onClick(View v) {
                 if (context.getString(R.string.app_list_footer_more).equals(mFooterTextView.getText())) {
                     mFooterTextView.setText(R.string.app_list_footer_loading);
                     mFooterProgressBar.setVisibility(View.VISIBLE);
                     if (mRefreshListener != null ) {
                         mRefreshListener.more();
                     }
                 }
             }
         });
 
         setSelection( 1 );
         setOnScrollListener( this );
         measureView(mHeaderLinearLayout);
         mHeaderHeight = mHeaderLinearLayout.getMeasuredHeight();
 
         mSimpleDateFormat = new SimpleDateFormat( "yyyy-MM-dd hh:mm" );
         mHeaderUpdateText.setText(context.getString(R.string.app_list_header_refresh_last_update, mSimpleDateFormat.format( new Date())));
     }
 
     @Override
     public boolean onTouchEvent(MotionEvent ev) {
         switch (ev.getAction()) {
             case MotionEvent.ACTION_DOWN:
                 mDownY = ev.getY();
                 break ;
             case MotionEvent.ACTION_MOVE:
                 mMoveY = ev.getY();
                 if (mPullRefreshState == OVER_PULL_REFRESH) {
                     mHeaderLinearLayout.setPadding(mHeaderLinearLayout.getPaddingLeft(),
                             ( int )((mMoveY - mDownY)/ 3 ),
                             mHeaderLinearLayout.getPaddingRight(),
                             mHeaderLinearLayout.getPaddingBottom());
                 }
                 break ;
             case MotionEvent.ACTION_UP:
                 //when you action up, it will do these:
                 //1. roll back util header topPadding is 0
                 //2. hide the header by setSelection(1)
                 if (mPullRefreshState == OVER_PULL_REFRESH || mPullRefreshState == ENTER_PULL_REFRESH) {
                     new Thread() {
                         public void run() {
                             Message msg;
                             while (mHeaderLinearLayout.getPaddingTop() > 1 ) {
                                 msg = mHandler.obtainMessage();
                                 msg.what = REFRESH_BACKING;
                                 mHandler.sendMessage(msg);
                                 try {
                                     sleep( 5 );
                                 } catch (InterruptedException e) {
                                     e.printStackTrace();
                                 }
                             }
                             msg = mHandler.obtainMessage();
                             if (mPullRefreshState == OVER_PULL_REFRESH) {
                                 msg.what = REFRESH_BACED;
                             } else {
                                 msg.what = REFRESH_RETURN;
                             }
                             mHandler.sendMessage(msg);
                         };
                     }.start();
                 }
                 break ;
         }
         return super .onTouchEvent(ev);
     }
 
     @Override
     public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
         if (mCurrentScrollState == SCROLL_STATE_TOUCH_SCROLL
                 && firstVisibleItem == 0
                 && (mHeaderLinearLayout.getBottom() >= 0 && mHeaderLinearLayout.getBottom() < mHeaderHeight)) {
             //进入且仅进入下拉刷新状态
             if (mPullRefreshState == NONE_PULL_REFRESH) {
                 mPullRefreshState = ENTER_PULL_REFRESH;
             }
         } else if (mCurrentScrollState == SCROLL_STATE_TOUCH_SCROLL
                 && firstVisibleItem == 0
                 && (mHeaderLinearLayout.getBottom() >= mHeaderHeight)) {
             //下拉达到界限，进入松手刷新状态
             if (mPullRefreshState == ENTER_PULL_REFRESH || mPullRefreshState == NONE_PULL_REFRESH) {
                 mPullRefreshState = OVER_PULL_REFRESH;
                 mDownY = mMoveY; //为下拉1/3折扣效果记录开始位置
                 mHeaderTextView.setText( "松手刷新" ); //显示松手刷新
                 mHeaderPullDownImageView.setVisibility(View.GONE); //隐藏"下拉刷新"
                 mHeaderReleaseDownImageView.setVisibility(View.VISIBLE); //显示向上的箭头
             }
         } else if (mCurrentScrollState == SCROLL_STATE_TOUCH_SCROLL && firstVisibleItem != 0 ) {
             //不刷新了
             if (mPullRefreshState == ENTER_PULL_REFRESH) {
                 mPullRefreshState = NONE_PULL_REFRESH;
             }
         } else if (mCurrentScrollState == SCROLL_STATE_FLING && firstVisibleItem == 0 ) {
             //飞滑状态，不能显示出header，也不能影响正常的飞滑
             //只在正常情况下才纠正位置
             if (mPullRefreshState == NONE_PULL_REFRESH) {
                 setSelection( 1 );
             }
         }
     }
 
     @Override
     public void onScrollStateChanged(AbsListView view, int scrollState) {
         mCurrentScrollState = scrollState;
     }
 
     @Override
     public void setAdapter(ListAdapter adapter) {
         super .setAdapter(adapter);
         setSelection( 1 );
     }
 
     private void measureView(View child) {
         ViewGroup.LayoutParams p = child.getLayoutParams();
         if (p == null ) {
             p = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.FILL_PARENT,
                     ViewGroup.LayoutParams.WRAP_CONTENT);
         }
 
         int childWidthSpec = ViewGroup.getChildMeasureSpec( 0 , 0 + 0 , p.width);
         int lpHeight = p.height;
         int childHeightSpec;
         if (lpHeight > 0 ) {
             childHeightSpec = MeasureSpec.makeMeasureSpec(lpHeight,
                     MeasureSpec.EXACTLY);
         } else {
             childHeightSpec = MeasureSpec.makeMeasureSpec( 0 ,
                     MeasureSpec.UNSPECIFIED);
         }
         child.measure(childWidthSpec, childHeightSpec);
     }
 
     private Handler mHandler = new Handler(){
         @Override
         public void handleMessage(Message msg) {
             switch (msg.what) {
             case REFRESH_BACKING:
                 mHeaderLinearLayout.setPadding(mHeaderLinearLayout.getPaddingLeft(),
                         ( int ) (mHeaderLinearLayout.getPaddingTop()* 0 .75f),
                         mHeaderLinearLayout.getPaddingRight(),
                         mHeaderLinearLayout.getPaddingBottom());
                 break ;
             case REFRESH_BACED:
                 mHeaderTextView.setText( "正在加载..." );
                 mHeaderProgressBar.setVisibility(View.VISIBLE);
                 mHeaderPullDownImageView.setVisibility(View.GONE);
                 mHeaderReleaseDownImageView.setVisibility(View.GONE);
                 mPullRefreshState = EXIT_PULL_REFRESH;
                 new Thread() {
                     public void run() {
                         if (mRefreshListener != null ) {
                             mRefreshObject = mRefreshListener.refreshing();
                         }
                         Message msg = mHandler.obtainMessage();
                         msg.what = REFRESH_DONE;
                         mHandler.sendMessage(msg);
                     };
                 }.start();
                 break ;
             case REFRESH_RETURN:
                 mHeaderTextView.setText( "下拉刷新" );
                 mHeaderProgressBar.setVisibility(View.INVISIBLE);
                 mHeaderPullDownImageView.setVisibility(View.VISIBLE);
                 mHeaderReleaseDownImageView.setVisibility(View.GONE);
                 mHeaderLinearLayout.setPadding(mHeaderLinearLayout.getPaddingLeft(),
                         0 ,
                         mHeaderLinearLayout.getPaddingRight(),
                         mHeaderLinearLayout.getPaddingBottom());
                 mPullRefreshState = NONE_PULL_REFRESH;
                 setSelection( 1 );
                 break ;
             case REFRESH_DONE:
                 mHeaderTextView.setText( "下拉刷新" );
                 mHeaderProgressBar.setVisibility(View.INVISIBLE);
                 mHeaderPullDownImageView.setVisibility(View.VISIBLE);
                 mHeaderReleaseDownImageView.setVisibility(View.GONE);
                 mHeaderUpdateText.setText(getContext().getString(R.string.app_list_header_refresh_last_update,
                         mSimpleDateFormat.format( new Date())));
                 mHeaderLinearLayout.setPadding(mHeaderLinearLayout.getPaddingLeft(),
                         0 ,
                         mHeaderLinearLayout.getPaddingRight(),
                         mHeaderLinearLayout.getPaddingBottom());
                 mPullRefreshState = NONE_PULL_REFRESH;
                 setSelection( 1 );
                 if (mRefreshListener != null ) {
                     mRefreshListener.refreshed(mRefreshObject);
                 }
                 break ;
             default :
                 break ;
             }
         }
     };
     public interface RefreshListener {
         Object refreshing();
         void refreshed(Object obj);
         void more();
     }
 
     public void finishFootView() {
         mFooterProgressBar.setVisibility(View.GONE);
         mFooterTextView.setText(R.string.app_list_footer_more);
     }
 
     public void addFootView() {
         if (getFooterViewsCount() == 0 ) {
             addFooterView(mFooterLinearLayout);
         }
     }
 
     public void removeFootView() {
         removeFooterView(mFooterLinearLayout);
     }
}

11.小结
    这个只是一个原型，无论代码风格和逻辑处理，我觉得还有改进的空间，我会在后续逐渐改善的。
    我已经在我的开源项目《养生视线》中使用了这个类了：
    https://github.com/openproject/world/blob/master/baseworld/src/com/tianxia/lib/baseworld/widget/RefreshListView.java
    https://github.com/openproject/world/blob/master/healthworld/src/com/tianxia/app/healthworld/infomation/InfomationTabActivity.java
    期待有建设性的意见改善这个实现。



forlong401
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
android开发教程之实现listview下拉刷新和上拉刷新效果
09-04
主要介绍了android实现listview下拉刷新和上拉刷新效果,Android的ListView上拉下拉刷新，原理都一样，在Touch事件中操作header/footer的paddingTop属性，需要的朋友可以参考下
Android学习系列(30)--App列表之下拉刷新
dianan1505的博客
06-16 263
Android的ListView是应用最广的一个组件，功能强大，扩展性灵活(不局限于ListView本身一个类)，前面的文章有介绍分组，拖拽，3D立体，游标，圆角，而今天我们要介绍的是另外一个扩展ListView：下拉刷新的ListView。 下拉刷新界面最初流行于iphone应用界面，如图： 然后在Android中也逐渐被应用，比如微博，资讯类。 所以，今...
Android之ListView实现下拉刷新
ljw的博客
10-22 887
ListView的下拉刷新功能是十分重要的，在项目开发中经常会用到。ArrayAdapter(数组适配器)：用于绑定格式单一的数据。 SimpleAdapter(简单适配器)：用于绑定格式复杂的数据。 数据源：只能是特定泛型的集合。 实现过程：新建适配器—>添加数据源到适配器—>视图加载适配器。 总结：数据适配器是连接数据源和视图界面的桥梁。
Android学习之——ListView下拉刷新
didingyun4257的博客
12-08 141
背景知识 ListView使用非常广泛，对于使用ListView的应用来说，下拉刷新是必不可少要实现的功能。 我们常用的微博、网易新闻，搜狐新闻都使用了这一功能，如下图所示。 微博 搜狐新闻 具体学习：...
android 下拉刷新功能,Android--ListView下拉刷新数据功能
weixin_39843338的博客
05-26 137
//复写了ListView的带下拉刷新功能的PullToRefreshListViewpackagesrc.com.lyg.refreshlist;importjava.text.SimpleDateFormat;importjava.util.Date;importsrc.com.lyg.R;importandroid.content.Context;importandroid.util.Att...
Android笔记之:App列表之下拉刷新的使用
09-05
本篇文章介绍了，在Android中App列表之下拉刷新的使用。需要的朋友参考下
vue.js移动端app之上拉加载以及下拉刷新实战
10-19
主要介绍了vue.js移动端app之上拉加载以及下拉刷新实战，非常具有实用价值，需要的朋友可以参考下
Android应用源码之下拉刷新-IT计算机-毕业设计.zip
04-06
Android应用源码开发Demo，主要用于毕业设计学习。
Android学习教程之下拉刷新实现代码（11）
01-20
本文实例为大家分享了Android下拉刷新的具体代码，供大家参考，具体内容如下 MainActivity.java代码: package siso.refreshablev; import android.app.Activity; import android.content.Intent; import android....
Android ListView的下拉刷新
ZengTao
04-07 869
好久没有写博客了，今天我就写一个listview的下拉刷新分享给大家，希望对大家学习或者工作上有所帮助，其实呢，大家都知道，在现在的app当中，下拉刷新是比较常用的功能，用到的地方太多了，所以，今天我也就结合自己的思想给家真理一下，那么好，接下来，让我们一起学习，让你分分钟写出自己想要的自定义listview下拉刷新 一：实现思路 1.实现将listview添加头部view，也就是下拉
Android自动下拉刷新
10-14
Android自动下拉刷新功能
Android之listview下拉刷新
wq_0711的博客
10-13 273
很久没有更新了，老是忘记，哈哈。。。。。       那么今天就说一说listview的下拉刷新，通过这个我们可以学习到自定义view的一些属性，还有需要重写的一些方法，以及这些方法的作用。 虽然现在已经有下拉刷新的一些成熟的库了，例如PullToRefresh，有空你们可以去试一下，这个就比较简单了，只需调用里面的方法就可以实现下拉刷新的功能。 有兴趣的朋友可以学习一下。 个人
Android ListView 下拉刷新demo
diuping20110926的博客
08-09 814
1.PullToRefreshListView.java 自定义 ListView 实现下拉刷新Java文件；4.activity_main.xml 主类布局文件加载自定义 PullToRefreshListView；3.MainActivity.java 主类 加载数据适配器显示自定义 ListView；2.pull_to_refresh_header.xml 下拉刷新功能布局文件；6.layout.xml listview item 布局文件；5.Myadapter.java 适配器代码；......
uniapp下拉刷新的几种方式
m0_75047254的博客
07-18 3292
一.enablePullDownRefresh二.pullToRefresh三. onPullDownRefresh 处理函数（和onLoad等生命周期函数同级），监听该页面用户下拉刷新事件。
android ListView下拉刷新
archer的技术故事
09-23 974
android ListView下拉刷新
Android中ListView下拉刷新的实现
热门推荐
非著名程序员
07-19 11万+
ListView中的下拉刷新是非常常见的，也是经常使用的，看到有很多同学想要，那我就整理一下，供大家参考。那我就不解释，直接上代码了。 这里需要自己重写一下ListView,重写代码如下: package net.loonggg.listview; import java.util.Date; import android.content.Context; import android.u
android listview下拉刷新动画,ListView下拉刷新实现方式详解和改造（上）
weixin_34288514的博客
05-26 858
我们知道页面的下拉刷新目前基本已经成为智能移动终端的标配刷新方式。Twitter设计出现有的下拉刷新(在2013年申请了专利)。下拉刷新1.jpg这一优美而又简单的刷新方式，很快使得各大系统纷纷效仿；IOS在6.0开始引入，Android由于一开始不太重视交互体验这方面，直到Android5.0开始才借鉴这样一种刷新方式。那么我们今天就来研究研究怎么实现。目前我收集到的不同方式有以下几种：方案一：...
安卓listView实现下拉刷新上拉加载滑动仿QQ的删除功能
Losileeya
05-07 5404
大家对这些功能都是看的多了，然后对上拉刷新和下拉加载的原理都是非常清楚的，所以实现这功能其实也就是为了让大家能够从众多的同行们来进行比较学习而已，虽然即使是这样，但是面试的时候面试官还是会问你上拉和下拉是怎么实现的，滑动删除功能是怎么实现，其实要实现这些功能又不是唯一的方法，但是基本上思想都是一致的。然后githup上的这些例子是非常的多，然后实现的也是大同小异但是也不能不让我们去球童存异。作为天朝
android中listview下拉刷新,Android菜鸟之listview下拉刷新
weixin_30981569的博客
05-28 448
《1》首先我们要写一个自定义的listview(写一个类继承ListView类)public class RefreshListView extends ListView然后我们需要填充这个RefreshListViewclass MyAdapter extends BaseAdapter {@Overridepublic int getCount() {return dataList.size(...
uni-app上拉加载下拉刷新
最新发布
07-27
在uni-app中，可以通过两种方式来实现下拉刷新。第一种方式是在pages.json文件中找到当前页面的pages节点，并在style选项中开启enablePullDownRefresh，然后通过调用uni.startPullDownRefresh方法来开启下拉刷新\[1\...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值