[html] view plaincopyprint?

1. <?xml version="1.0" encoding="utf-8"?>
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3. android:layout_width="match_parent"
4. android:layout_height="wrap_content"
5. android:orientation="horizontal" >
6. <FrameLayout
7. android:layout_width="wrap_content"
8. android:layout_height="wrap_content"
9. android:layout_margin="10dip" >
10. <ImageView
11. android:id="@+id/iv_listview_header_arrow"
12. android:layout_width="wrap_content"
13. android:layout_height="wrap_content"
14. android:layout_gravity="center"
15. android:minWidth="30dip"
16. android:src="@drawable/common_listview_headview_red_arrow" />
17. <ProgressBar
18. android:id="@+id/pb_listview_header"
19. android:layout_width="wrap_content"
20. android:layout_height="wrap_content"
21. android:layout_gravity="center"
22. android:indeterminateDrawable="@drawable/common_progressbar"
23. android:visibility="gone" />
24. </FrameLayout>
25. <LinearLayout
26. android:layout_width="fill_parent"
27. android:layout_height="wrap_content"
28. android:layout_gravity="center_vertical"
29. android:gravity="center_horizontal"
30. android:orientation="vertical" >
31. <TextView
32. android:id="@+id/tv_listview_header_state"
33. android:layout_width="wrap_content"
34. android:layout_height="wrap_content"
35. android:text="下拉刷新"
36. android:textColor="#FF0000"
37. android:textSize="18sp" />
38. <TextView
39. android:id="@+id/tv_listview_header_last_update_time"
40. android:layout_width="wrap_content"
41. android:layout_height="wrap_content"
42. android:layout_marginTop="5dip"
43. android:text="最后刷新时间: 2014-10-10 12:56:12"
44. android:textColor="@android:color/white"
45. android:textSize="14sp" />
46. </LinearLayout>
47. </LinearLayout>

[html] view plaincopyprint?

1. <?xml version="1.0" encoding="utf-8"?>
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3. android:layout_width="match_parent"
4. android:layout_height="wrap_content"
5. android:orientation="vertical" >
6. <LinearLayout
7. android:layout_width="wrap_content"
8. android:layout_height="wrap_content"
9. android:layout_gravity="center_horizontal"
10. android:layout_margin="10dip"
11. android:gravity="center_vertical"
12. android:orientation="horizontal" >
13. <ProgressBar
14. android:layout_width="wrap_content"
15. android:layout_height="wrap_content"
16. android:layout_gravity="center"
17. android:indeterminateDrawable="@drawable/common_progressbar" />
18. <TextView
19. android:layout_width="wrap_content"
20. android:layout_height="wrap_content"
21. android:layout_marginLeft="10dip"
22. android:text="加载更多..."
23. android:textColor="#FF0000"
24. android:textSize="18sp" />
25. </LinearLayout>
26. </LinearLayout>

[html] view plaincopyprint?

1. <?xml version="1.0" encoding="utf-8"?>
2. <rotate xmlns:android="http://schemas.android.com/apk/res/android"
3. android:fromDegrees="0"
4. android:pivotX="50%"
5. android:pivotY="50%"
6. android:toDegrees="360" >
7. <shape
8. android:innerRadiusRatio="3"
9. android:shape="ring"
10. android:useLevel="false" >
11. <gradient
12. android:centerColor="#FF6666"
13. android:endColor="#FF0000"
14. android:startColor="#FFFFFF"
15. android:type="sweep" />
16. </shape>
17. </rotate>

[java] view plaincopyprint?

1. public class RefreshListView extends ListView implements OnScrollListener {
2. private static final String TAG = "RefreshListView";
3. private int firstVisibleItemPosition; // 屏幕显示在第一个的item的索引
4. private int downY; // 按下时y轴的偏移量
5. private int headerViewHeight; // 头布局的高度
6. private View headerView; // 头布局的对象
7. private final int DOWN_PULL_REFRESH = 0; // 下拉刷新状态
8. private final int RELEASE_REFRESH = 1; // 松开刷新
9. private final int REFRESHING = 2; // 正在刷新中
10. private int currentState = DOWN_PULL_REFRESH; // 头布局的状态: 默认为下拉刷新状态
11. private Animation upAnimation; // 向上旋转的动画
12. private Animation downAnimation; // 向下旋转的动画
13. private ImageView ivArrow; // 头布局的剪头
14. private ProgressBar mProgressBar; // 头布局的进度条
15. private TextView tvState; // 头布局的状态
16. private TextView tvLastUpdateTime; // 头布局的最后更新时间
17. private OnRefreshListener mOnRefershListener;
18. private boolean isScrollToBottom; // 是否滑动到底部
19. private View footerView; // 脚布局的对象
20. private int footerViewHeight; // 脚布局的高度
21. private boolean isLoadingMore = false; // 是否正在加载更多中
22. public RefreshListView(Context context, AttributeSet attrs) {
23. super(context, attrs);
24. initHeaderView();
25. initFooterView();
26. this.setOnScrollListener(this);
27. }
28. /**
29. * 初始化脚布局
30. */
31. private void initFooterView() {
32. footerView = View.inflate(getContext(), R.layout.listview_footer, null);
33. footerView.measure(0, 0);
34. footerViewHeight = footerView.getMeasuredHeight();
35. footerView.setPadding(0, -footerViewHeight, 0, 0);
36. this.addFooterView(footerView);
37. }
38. /**
39. * 初始化头布局
40. */
41. private void initHeaderView() {
42. headerView = View.inflate(getContext(), R.layout.listview_header, null);
43. ivArrow = (ImageView) headerView
44. .findViewById(R.id.iv_listview_header_arrow);
45. mProgressBar = (ProgressBar) headerView
46. .findViewById(R.id.pb_listview_header);
47. tvState = (TextView) headerView
48. .findViewById(R.id.tv_listview_header_state);
49. tvLastUpdateTime = (TextView) headerView
50. .findViewById(R.id.tv_listview_header_last_update_time);
51. // 设置最后刷新时间
52. tvLastUpdateTime.setText("最后刷新时间: " + getLastUpdateTime());
53. headerView.measure(0, 0); // 系统会帮我们测量出headerView的高度
54. headerViewHeight = headerView.getMeasuredHeight();
55. headerView.setPadding(0, -headerViewHeight, 0, 0);
56. this.addHeaderView(headerView); // 向ListView的顶部添加一个view对象
57. initAnimation();
58. }
59. /**
60. * 获得系统的最新时间
61. *
62. * @return
63. */
64. private String getLastUpdateTime() {
65. SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
66. return sdf.format(System.currentTimeMillis());
67. }
68. /**
69. * 初始化动画
70. */
71. private void initAnimation() {
72. upAnimation = new RotateAnimation(0f, -180f,
73. Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,
74. 0.5f);
75. upAnimation.setDuration(500);
76. upAnimation.setFillAfter(true); // 动画结束后, 停留在结束的位置上
77. downAnimation = new RotateAnimation(-180f, -360f,
78. Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,
79. 0.5f);
80. downAnimation.setDuration(500);
81. downAnimation.setFillAfter(true); // 动画结束后, 停留在结束的位置上
82. }
83. @Override
84. public boolean onTouchEvent(MotionEvent ev) {
85. switch (ev.getAction()) {
86. case MotionEvent.ACTION_DOWN :
87. downY = (int) ev.getY();
88. break;
89. case MotionEvent.ACTION_MOVE :
90. int moveY = (int) ev.getY();
91. // 移动中的y - 按下的y = 间距.
92. int diff = (moveY - downY) / 2;
93. // -头布局的高度 + 间距 = paddingTop
94. int paddingTop = -headerViewHeight + diff;
95. // 如果: -头布局的高度 > paddingTop的值 执行super.onTouchEvent(ev);
96. if (firstVisibleItemPosition == 0
97. && -headerViewHeight < paddingTop) {
98. if (paddingTop > 0 && currentState == DOWN_PULL_REFRESH) { // 完全显示了.
99. Log.i(TAG, "松开刷新");
100. currentState = RELEASE_REFRESH;
101. refreshHeaderView();
102. } else if (paddingTop < 0
103. && currentState == RELEASE_REFRESH) { // 没有显示完全
104. Log.i(TAG, "下拉刷新");
105. currentState = DOWN_PULL_REFRESH;
106. refreshHeaderView();
107. }
108. // 下拉头布局
109. headerView.setPadding(0, paddingTop, 0, 0);
110. return true;
111. }
112. break;
113. case MotionEvent.ACTION_UP :
114. // 判断当前的状态是松开刷新还是下拉刷新
115. if (currentState == RELEASE_REFRESH) {
116. Log.i(TAG, "刷新数据.");
117. // 把头布局设置为完全显示状态
118. headerView.setPadding(0, 0, 0, 0);
119. // 进入到正在刷新中状态
120. currentState = REFRESHING;
121. refreshHeaderView();
122. if (mOnRefershListener != null) {
123. mOnRefershListener.onDownPullRefresh(); // 调用使用者的监听方法
124. }
125. } else if (currentState == DOWN_PULL_REFRESH) {
126. // 隐藏头布局
127. headerView.setPadding(0, -headerViewHeight, 0, 0);
128. }
129. break;
130. default :
131. break;
132. }
133. return super.onTouchEvent(ev);
134. }
135. /**
136. * 根据currentState刷新头布局的状态
137. */
138. private void refreshHeaderView() {
139. switch (currentState) {
140. case DOWN_PULL_REFRESH : // 下拉刷新状态
141. tvState.setText("下拉刷新");
142. ivArrow.startAnimation(downAnimation); // 执行向下旋转
143. break;
144. case RELEASE_REFRESH : // 松开刷新状态
145. tvState.setText("松开刷新");
146. ivArrow.startAnimation(upAnimation); // 执行向上旋转
147. break;
148. case REFRESHING : // 正在刷新中状态
149. ivArrow.clearAnimation();
150. ivArrow.setVisibility(View.GONE);
151. mProgressBar.setVisibility(View.VISIBLE);
152. tvState.setText("正在刷新中...");
153. break;
154. default :
155. break;
156. }
157. }
158. /**
159. * 当滚动状态改变时回调
160. */
161. @Override
162. public void onScrollStateChanged(AbsListView view, int scrollState) {
163. if (scrollState == SCROLL_STATE_IDLE
164. || scrollState == SCROLL_STATE_FLING) {
165. // 判断当前是否已经到了底部
166. if (isScrollToBottom && !isLoadingMore) {
167. isLoadingMore = true;
168. // 当前到底部
169. Log.i(TAG, "加载更多数据");
170. footerView.setPadding(0, 0, 0, 0);
171. this.setSelection(this.getCount());
172. if (mOnRefershListener != null) {
173. mOnRefershListener.onLoadingMore();
174. }
175. }
176. }
177. }
178. /**
179. * 当滚动时调用
180. *
181. * @param firstVisibleItem
182. *            当前屏幕显示在顶部的item的position
183. * @param visibleItemCount
184. *            当前屏幕显示了多少个条目的总数
185. * @param totalItemCount
186. *            ListView的总条目的总数
187. */
188. @Override
189. public void onScroll(AbsListView view, int firstVisibleItem,
190. int visibleItemCount, int totalItemCount) {
191. firstVisibleItemPosition = firstVisibleItem;
192. if (getLastVisiblePosition() == (totalItemCount - 1)) {
193. isScrollToBottom = true;
194. } else {
195. isScrollToBottom = false;
196. }
197. }
198. /**
199. * 设置刷新监听事件
200. *
201. * @param listener
202. */
203. public void setOnRefreshListener(OnRefreshListener listener) {
204. mOnRefershListener = listener;
205. }
206. /**
207. * 隐藏头布局
208. */
209. public void hideHeaderView() {
210. headerView.setPadding(0, -headerViewHeight, 0, 0);
211. ivArrow.setVisibility(View.VISIBLE);
212. mProgressBar.setVisibility(View.GONE);
213. tvState.setText("下拉刷新");
214. tvLastUpdateTime.setText("最后刷新时间: " + getLastUpdateTime());
215. currentState = DOWN_PULL_REFRESH;
216. }
217. /**
218. * 隐藏脚布局
219. */
220. public void hideFooterView() {
221. footerView.setPadding(0, -footerViewHeight, 0, 0);
222. isLoadingMore = false;
223. }
224. }

[java] view plaincopyprint?

1. public interface OnRefreshListener {
2. /**
3. * 下拉刷新
4. */
5. void onDownPullRefresh();
6. /**
7. * 上拉加载更多
8. */
9. void onLoadingMore();
10. }

[java] view plaincopyprint?

1. public void setOnRefreshListener(OnRefreshListener listener) {
2. mOnRefershListener = listener;
3. }

[java] view plaincopyprint?

1. public class MainActivity extends Activity implements OnRefreshListener {
2. private List<String> textList;
3. private MyAdapter adapter;
4. private RefreshListView rListView;
5. @Override
6. protected void onCreate(Bundle savedInstanceState) {
7. super.onCreate(savedInstanceState);
8. setContentView(R.layout.activity_main);
9. rListView = (RefreshListView) findViewById(R.id.refreshlistview);
10. textList = new ArrayList<String>();
11. for (int i = 0; i < 25; i++) {
12. textList.add("这是一条ListView的数据" + i);
13. }
14. adapter = new MyAdapter();
15. rListView.setAdapter(adapter);
16. rListView.setOnRefreshListener(this);
17. }
18. private class MyAdapter extends BaseAdapter {
19. @Override
20. public int getCount() {
21. // TODO Auto-generated method stub
22. return textList.size();
23. }
24. @Override
25. public Object getItem(int position) {
26. // TODO Auto-generated method stub
27. return textList.get(position);
28. }
29. @Override
30. public long getItemId(int position) {
31. // TODO Auto-generated method stub
32. return position;
33. }
34. @Override
35. public View getView(int position, View convertView, ViewGroup parent) {
36. // TODO Auto-generated method stub
37. TextView textView = new TextView(MainActivity.this);
38. textView.setText(textList.get(position));
39. textView.setTextColor(Color.WHITE);
40. textView.setTextSize(18.0f);
41. return textView;
42. }
43. }
44. @Override
45. public void onDownPullRefresh() {
46. new AsyncTask<Void, Void, Void>() {
47. @Override
48. protected Void doInBackground(Void... params) {
49. SystemClock.sleep(2000);
50. for (int i = 0; i < 2; i++) {
51. textList.add(0, "这是下拉刷新出来的数据" + i);
52. }
53. return null;
54. }
55. @Override
56. protected void onPostExecute(Void result) {
57. adapter.notifyDataSetChanged();
58. rListView.hideHeaderView();
59. }
60. }.execute(new Void[]{});
61. }
62. @Override
63. public void onLoadingMore() {
64. new AsyncTask<Void, Void, Void>() {
65. @Override
66. protected Void doInBackground(Void... params) {
67. SystemClock.sleep(5000);
68. textList.add("这是加载更多出来的数据1");
69. textList.add("这是加载更多出来的数据2");
70. textList.add("这是加载更多出来的数据3");
71. return null;
72. }
73. @Override
74. protected void onPostExecute(Void result) {
75. adapter.notifyDataSetChanged();
76. // 控制脚布局隐藏
77. rListView.hideFooterView();
78. }
79. }.execute(new Void[]{});
80. }
81. }

[java] view plaincopyprint?

1. public abstract class AsyncTask<Params, Progress, Result> {

[java] view plaincopyprint?

1. public interface IPullToRefresh<T extends View> {
2. public void setPullRefreshEnabled(boolean pullRefreshEnabled);
3. public void setPullLoadEnabled(boolean pullLoadEnabled);
4. public void setScrollLoadEnabled(boolean scrollLoadEnabled);
5. public boolean isPullRefreshEnabled();
6. public boolean isPullLoadEnabled();
7. public boolean isScrollLoadEnabled();
8. public void setOnRefreshListener(OnRefreshListener<T> refreshListener);
9. public void onPullDownRefreshComplete();
10. public void onPullUpRefreshComplete();
11. public T getRefreshableView();
12. public LoadingLayout getHeaderLoadingLayout();
13. public LoadingLayout getFooterLoadingLayout();
14. public void setLastUpdatedLabel(CharSequence label);
15. }

public interface IPullToRefresh<T extends View> {public void setPullRefreshEnabled(boolean pullRefreshEnabled);public void setPullLoadEnabled(boolean pullLoadEnabled);public void setScrollLoadEnabled(boolean scrollLoadEnabled);public boolean isPullRefreshEnabled();public boolean isPullLoadEnabled();public boolean isScrollLoadEnabled();public void setOnRefreshListener(OnRefreshListener<T> refreshListener);public void onPullDownRefreshComplete();public void onPullUpRefreshComplete();public T getRefreshableView();public LoadingLayout getHeaderLoadingLayout();public LoadingLayout getFooterLoadingLayout();public void setLastUpdatedLabel(CharSequence label);
}

这个接口是一个泛型的，它接受View的派生类，因为要放到我们的容器中的不就是一个View吗？

• 对于ListView，ScrollView，WebView这三种情况，他们是否滑动到最顶部或是最底部的实现是不一样的，所以，在PullToRefreshBase类中需要调用两个抽象方法来判断当前的位置是否在顶部或底部，而其派生类必须要实现这两个方法。比如对于ListView，它滑动到最顶部的条件就是第一个child完全可见并且first postion是0。这两个抽象方法是：

[java] view plaincopyprint?

1. /**
2. * 判断刷新的View是否滑动到顶部
3. *
4. * @return true表示已经滑动到顶部，否则false
5. */
6. protected abstract boolean isReadyForPullDown();
7. /**
8. * 判断刷新的View是否滑动到底
9. *
10. * @return true表示已经滑动到底部，否则false
11. */
12. protected abstract boolean isReadyForPullUp();

    /*** 判断刷新的View是否滑动到顶部* * @return true表示已经滑动到顶部，否则false*/protected abstract boolean isReadyForPullDown();/*** 判断刷新的View是否滑动到底* * @return true表示已经滑动到底部，否则false*/protected abstract boolean isReadyForPullUp();

• 创建可下拉刷新的View（也就是content view）的抽象方法是

[java] view plaincopyprint?

1. /**
2. * 创建可以刷新的View
3. *
4. * @param context context
5. * @param attrs 属性
6. * @return View
7. */
8. protected abstract T createRefreshableView(Context context, AttributeSet attrs);

    /*** 创建可以刷新的View* * @param context context* @param attrs 属性* @return View*/protected abstract T createRefreshableView(Context context, AttributeSet attrs);

4、LoadingLayout

• getContentSize

这个方法返回当前这个刷新Layout的大小，通常返回的是布局的高度，为了以后可以扩展为水平拉动，所以方法名字没有取成getLayoutHeight()之类的，这个返回值，将会作为松手后是否可以刷新的临界值，如果下拉的偏移值大于这个值，就认为可以刷新，否则不刷新，这个方法必须由派生类来实现。

• setState

这个方法用来设置当前刷新Layout的状态，PullToRefreshBase类会调用这个方法，当进入下拉，松手等动作时，都会调用这个方法，派生类里面只需要根据这些状态实现不同的界面显示，如下拉状态时，就显示出箭头，刷新状态时，就显示loading的图标。

可能的状态值有：RESET, PULL_TO_REFRESH, RELEASE_TO_REFRESH, REFRESHING, NO_MORE_DATA

[java] view plaincopyprint?

1. @Override
2. public void onCreate(Bundle savedInstanceState) {
3. super.onCreate(savedInstanceState);
4. mPullListView = new PullToRefreshListView(this);
5. setContentView(mPullListView);
6. // 上拉加载不可用
7. mPullListView.setPullLoadEnabled(false);
8. // 滚动到底自动加载可用
9. mPullListView.setScrollLoadEnabled(true);
10. mCurIndex = mLoadDataCount;
11. mListItems = new LinkedList<String>();
12. mListItems.addAll(Arrays.asList(mStrings).subList(0, mCurIndex));
13. mAdapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, mListItems);
14. // 得到实际的ListView
15. mListView = mPullListView.getRefreshableView();
16. // 绑定数据
17. mListView.setAdapter(mAdapter);
18. // 设置下拉刷新的listener
19. mPullListView.setOnRefreshListener(new OnRefreshListener<ListView>() {
20. @Override
21. public void onPullDownToRefresh(PullToRefreshBase<ListView> refreshView) {
22. mIsStart = true;
23. new GetDataTask().execute();
24. }
25. @Override
26. public void onPullUpToRefresh(PullToRefreshBase<ListView> refreshView) {
27. mIsStart = false;
28. new GetDataTask().execute();
29. }
30. });
31. setLastUpdateTime();
32. // 自动刷新
33. mPullListView.doPullRefreshing(true, 500);
34. }

@Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);mPullListView = new PullToRefreshListView(this);setContentView(mPullListView);// 上拉加载不可用mPullListView.setPullLoadEnabled(false);// 滚动到底自动加载可用mPullListView.setScrollLoadEnabled(true);mCurIndex = mLoadDataCount;mListItems = new LinkedList<String>();mListItems.addAll(Arrays.asList(mStrings).subList(0, mCurIndex));mAdapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, mListItems);// 得到实际的ListViewmListView = mPullListView.getRefreshableView();// 绑定数据mListView.setAdapter(mAdapter);       // 设置下拉刷新的listenermPullListView.setOnRefreshListener(new OnRefreshListener<ListView>() {@Overridepublic void onPullDownToRefresh(PullToRefreshBase<ListView> refreshView) {mIsStart = true;new GetDataTask().execute();}@Overridepublic void onPullUpToRefresh(PullToRefreshBase<ListView> refreshView) {mIsStart = false;new GetDataTask().execute();}});setLastUpdateTime();// 自动刷新mPullListView.doPullRefreshing(true, 500);}

这是初始化一个下拉刷新的布局，并且调用setContentView来设置到Activity中。

• PullToRefreshListView#setScrollLoadEnabled方法，修正后的代码如下：

[java] view plaincopyprint?

1. @Override
2. public void setScrollLoadEnabled(boolean scrollLoadEnabled) {
3. if (isScrollLoadEnabled() == scrollLoadEnabled) {
4. return;
5. }
6. super.setScrollLoadEnabled(scrollLoadEnabled);
7. if (scrollLoadEnabled) {
8. // 设置Footer
9. if (null == mLoadMoreFooterLayout) {
10. mLoadMoreFooterLayout = new FooterLoadingLayout(getContext());
11. mListView.addFooterView(mLoadMoreFooterLayout, null, false);
12. }
13. mLoadMoreFooterLayout.show(true);
14. } else {
15. if (null != mLoadMoreFooterLayout) {
16. mLoadMoreFooterLayout.show(false);
17. }
18. }
19. }

    @Overridepublic void setScrollLoadEnabled(boolean scrollLoadEnabled) {if (isScrollLoadEnabled() == scrollLoadEnabled) {return;}super.setScrollLoadEnabled(scrollLoadEnabled);if (scrollLoadEnabled) {// 设置Footerif (null == mLoadMoreFooterLayout) {mLoadMoreFooterLayout = new FooterLoadingLayout(getContext());mListView.addFooterView(mLoadMoreFooterLayout, null, false);}mLoadMoreFooterLayout.show(true);} else {if (null != mLoadMoreFooterLayout) {mLoadMoreFooterLayout.show(false);}}}

• LoadingLayout#show方法，修正后的代码如下：

[java] view plaincopyprint?

1. /**
2. * 显示或隐藏这个布局
3. *
4. * @param show flag
5. */
6. public void show(boolean show) {
7. // If is showing, do nothing.
8. if (show == (View.VISIBLE == getVisibility())) {
9. return;
10. }
11. ViewGroup.LayoutParams params = mContainer.getLayoutParams();
12. if (null != params) {
13. if (show) {
14. params.height = ViewGroup.LayoutParams.WRAP_CONTENT;
15. } else {
16. params.height = 0;
17. }
18. requestLayout();
19. setVisibility(show ? View.VISIBLE : View.INVISIBLE);
20. }
21. }

    /*** 显示或隐藏这个布局* * @param show flag*/public void show(boolean show) {// If is showing, do nothing.if (show == (View.VISIBLE == getVisibility())) {return;}ViewGroup.LayoutParams params = mContainer.getLayoutParams();if (null != params) {if (show) {params.height = ViewGroup.LayoutParams.WRAP_CONTENT;} else {params.height = 0;}requestLayout();setVisibility(show ? View.VISIBLE : View.INVISIBLE);}}

在更改LayoutParameter后，调用requestLayout()方法。

• 图片旋转兼容2.x系统

我之前想的是这个只需要兼容3.x以上的系统，但发现有很多网友在使用过程中遇到过兼容性问题，这次抽空将这个兼容性一并实现了。

       onPull的修改如下：

[java] view plaincopyprint?

1. @Override
2. public void onPull(float scale) {
3. if (null == mRotationHelper) {
4. mRotationHelper = new ImageViewRotationHelper(mArrowImageView);
5. }
6. float angle = scale * 180f; // SUPPRESS CHECKSTYLE
7. mRotationHelper.setRotation(angle);
8. }

    @Overridepublic void onPull(float scale) {if (null == mRotationHelper) {mRotationHelper = new ImageViewRotationHelper(mArrowImageView);}float angle = scale * 180f; // SUPPRESS CHECKSTYLEmRotationHelper.setRotation(angle);}

ImageViewRotationHelper主要的作用就是实现了ImageView的旋转功能，内部作了版本的区分，实现代码如下：

[java] view plaincopyprint?

1. /**
2. * The image view rotation helper
3. *
4. * @author lihong06
5. * @since 2014-5-2
6. */
7. static class ImageViewRotationHelper {
8. /** The imageview */
9. private final ImageView mImageView;
10. /** The matrix */
11. private Matrix mMatrix;
12. /** Pivot X */
13. private float mRotationPivotX;
14. /** Pivot Y */
15. private float mRotationPivotY;
16. /**
17. * The constructor method.
18. *
19. * @param imageView the image view
20. */
21. public ImageViewRotationHelper(ImageView imageView) {
22. mImageView = imageView;
23. }
24. /**
25. * Sets the degrees that the view is rotated around the pivot point. Increasing values
26. * result in clockwise rotation.
27. *
28. * @param rotation The degrees of rotation.
29. *
30. * @see #getRotation()
31. * @see #getPivotX()
32. * @see #getPivotY()
33. * @see #setRotationX(float)
34. * @see #setRotationY(float)
35. *
36. * @attr ref android.R.styleable#View_rotation
37. */
38. public void setRotation(float rotation) {
39. if (APIUtils.hasHoneycomb()) {
40. mImageView.setRotation(rotation);
41. } else {
42. if (null == mMatrix) {
43. mMatrix = new Matrix();
44. // 计算旋转的中心点
45. Drawable imageDrawable = mImageView.getDrawable();
46. if (null != imageDrawable) {
47. mRotationPivotX = Math.round(imageDrawable.getIntrinsicWidth() / 2f);
48. mRotationPivotY = Math.round(imageDrawable.getIntrinsicHeight() / 2f);
49. }
50. }
51. mMatrix.setRotate(rotation, mRotationPivotX, mRotationPivotY);
52. mImageView.setImageMatrix(mMatrix);
53. }
54. }
55. }

/*** The image view rotation helper* * @author lihong06* @since 2014-5-2*/static class ImageViewRotationHelper {/** The imageview */private final ImageView mImageView;/** The matrix */private Matrix mMatrix;/** Pivot X */private float mRotationPivotX;/** Pivot Y */private float mRotationPivotY;/*** The constructor method.* * @param imageView the image view*/public ImageViewRotationHelper(ImageView imageView) {mImageView = imageView;}/*** Sets the degrees that the view is rotated around the pivot point. Increasing values* result in clockwise rotation.** @param rotation The degrees of rotation.** @see #getRotation()* @see #getPivotX()* @see #getPivotY()* @see #setRotationX(float)* @see #setRotationY(float)** @attr ref android.R.styleable#View_rotation*/public void setRotation(float rotation) {if (APIUtils.hasHoneycomb()) {mImageView.setRotation(rotation);} else {if (null == mMatrix) {mMatrix = new Matrix();// 计算旋转的中心点Drawable imageDrawable = mImageView.getDrawable();if (null != imageDrawable) {mRotationPivotX = Math.round(imageDrawable.getIntrinsicWidth() / 2f);mRotationPivotY = Math.round(imageDrawable.getIntrinsicHeight() / 2f);}}mMatrix.setRotate(rotation, mRotationPivotX, mRotationPivotY);mImageView.setImageMatrix(mMatrix);}}}

最核心的就是，如果在2.x的版本上，旋转ImageView使用Matrix。

1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
2. xmlns:tools="http://schemas.android.com/tools"
3. android:id="@+id/pull_to_refresh_head"
4. android:layout_width="fill_parent"
5. android:layout_height="60dip" >
6. <LinearLayout
7. android:layout_width="200dip"
8. android:layout_height="60dip"
9. android:layout_centerInParent="true"
10. android:orientation="horizontal" >
11. <RelativeLayout
12. android:layout_width="0dip"
13. android:layout_height="60dip"
14. android:layout_weight="3"
15. >
16. <ImageView
17. android:id="@+id/arrow"
18. android:layout_width="wrap_content"
19. android:layout_height="wrap_content"
20. android:layout_centerInParent="true"
21. android:src="@drawable/arrow"
22. />
23. <ProgressBar
24. android:id="@+id/progress_bar"
25. android:layout_width="30dip"
26. android:layout_height="30dip"
27. android:layout_centerInParent="true"
28. android:visibility="gone"
29. />
30. </RelativeLayout>
31. <LinearLayout
32. android:layout_width="0dip"
33. android:layout_height="60dip"
34. android:layout_weight="12"
35. android:orientation="vertical" >
36. <TextView
37. android:id="@+id/description"
38. android:layout_width="fill_parent"
39. android:layout_height="0dip"
40. android:layout_weight="1"
41. android:gravity="center_horizontal|bottom"
42. android:text="@string/pull_to_refresh" />
43. <TextView
44. android:id="@+id/updated_at"
45. android:layout_width="fill_parent"
46. android:layout_height="0dip"
47. android:layout_weight="1"
48. android:gravity="center_horizontal|top"
49. android:text="@string/updated_at" />
50. </LinearLayout>
51. </LinearLayout>
52. </RelativeLayout>

1. <?xml version="1.0" encoding="utf-8"?>
2. <resources>
3. <string name="app_name">PullToRefreshTest</string>
4. <string name="pull_to_refresh">下拉可以刷新</string>
5. <string name="release_to_refresh">释放立即刷新</string>
6. <string name="refreshing">正在刷新…</string>
7. <string name="not_updated_yet">暂未更新过</string>
8. <string name="updated_at">上次更新于%1$s前</string>
9. <string name="updated_just_now">刚刚更新</string>
10. <string name="time_error">时间有问题</string>
11. </resources>

1. public class RefreshableView extends LinearLayout implements OnTouchListener {
2. /**
3. * 下拉状态
4. */
5. public static final int STATUS_PULL_TO_REFRESH = 0;
6. /**
7. * 释放立即刷新状态
8. */
9. public static final int STATUS_RELEASE_TO_REFRESH = 1;
10. /**
11. * 正在刷新状态
12. */
13. public static final int STATUS_REFRESHING = 2;
14. /**
15. * 刷新完成或未刷新状态
16. */
17. public static final int STATUS_REFRESH_FINISHED = 3;
18. /**
19. * 下拉头部回滚的速度
20. */
21. public static final int SCROLL_SPEED = -20;
22. /**
23. * 一分钟的毫秒值，用于判断上次的更新时间
24. */
25. public static final long ONE_MINUTE = 60 * 1000;
26. /**
27. * 一小时的毫秒值，用于判断上次的更新时间
28. */
29. public static final long ONE_HOUR = 60 * ONE_MINUTE;
30. /**
31. * 一天的毫秒值，用于判断上次的更新时间
32. */
33. public static final long ONE_DAY = 24 * ONE_HOUR;
34. /**
35. * 一月的毫秒值，用于判断上次的更新时间
36. */
37. public static final long ONE_MONTH = 30 * ONE_DAY;
38. /**
39. * 一年的毫秒值，用于判断上次的更新时间
40. */
41. public static final long ONE_YEAR = 12 * ONE_MONTH;
42. /**
43. * 上次更新时间的字符串常量，用于作为SharedPreferences的键值
44. */
45. private static final String UPDATED_AT = "updated_at";
46. /**
47. * 下拉刷新的回调接口
48. */
49. private PullToRefreshListener mListener;
50. /**
51. * 用于存储上次更新时间
52. */
53. private SharedPreferences preferences;
54. /**
55. * 下拉头的View
56. */
57. private View header;
58. /**
59. * 需要去下拉刷新的ListView
60. */
61. private ListView listView;
62. /**
63. * 刷新时显示的进度条
64. */
65. private ProgressBar progressBar;
66. /**
67. * 指示下拉和释放的箭头
68. */
69. private ImageView arrow;
70. /**
71. * 指示下拉和释放的文字描述
72. */
73. private TextView description;
74. /**
75. * 上次更新时间的文字描述
76. */
77. private TextView updateAt;
78. /**
79. * 下拉头的布局参数
80. */
81. private MarginLayoutParams headerLayoutParams;
82. /**
83. * 上次更新时间的毫秒值
84. */
85. private long lastUpdateTime;
86. /**
87. * 为了防止不同界面的下拉刷新在上次更新时间上互相有冲突，使用id来做区分
88. */
89. private int mId = -1;
90. /**
91. * 下拉头的高度
92. */
93. private int hideHeaderHeight;
94. /**
95. * 当前处理什么状态，可选值有STATUS_PULL_TO_REFRESH, STATUS_RELEASE_TO_REFRESH,
96. * STATUS_REFRESHING 和 STATUS_REFRESH_FINISHED
97. */
98. private int currentStatus = STATUS_REFRESH_FINISHED;;
99. /**
100. * 记录上一次的状态是什么，避免进行重复操作
101. */
102. private int lastStatus = currentStatus;
103. /**
104. * 手指按下时的屏幕纵坐标
105. */
106. private float yDown;
107. /**
108. * 在被判定为滚动之前用户手指可以移动的最大值。
109. */
110. private int touchSlop;
111. /**
112. * 是否已加载过一次layout，这里onLayout中的初始化只需加载一次
113. */
114. private boolean loadOnce;
115. /**
116. * 当前是否可以下拉，只有ListView滚动到头的时候才允许下拉
117. */
118. private boolean ableToPull;
119. /**
120. * 下拉刷新控件的构造函数，会在运行时动态添加一个下拉头的布局。
121. *
122. * @param context
123. * @param attrs
124. */
125. public RefreshableView(Context context, AttributeSet attrs) {
126. super(context, attrs);
127. preferences = PreferenceManager.getDefaultSharedPreferences(context);
128. header = LayoutInflater.from(context).inflate(R.layout.pull_to_refresh, null, true);
129. progressBar = (ProgressBar) header.findViewById(R.id.progress_bar);
130. arrow = (ImageView) header.findViewById(R.id.arrow);
131. description = (TextView) header.findViewById(R.id.description);
132. updateAt = (TextView) header.findViewById(R.id.updated_at);
133. touchSlop = ViewConfiguration.get(context).getScaledTouchSlop();
134. refreshUpdatedAtValue();
135. setOrientation(VERTICAL);
136. addView(header, 0);
137. }
138. /**
139. * 进行一些关键性的初始化操作，比如：将下拉头向上偏移进行隐藏，给ListView注册touch事件。
140. */
141. @Override
142. protected void onLayout(boolean changed, int l, int t, int r, int b) {
143. super.onLayout(changed, l, t, r, b);
144. if (changed && !loadOnce) {
145. hideHeaderHeight = -header.getHeight();
146. headerLayoutParams = (MarginLayoutParams) header.getLayoutParams();
147. headerLayoutParams.topMargin = hideHeaderHeight;
148. listView = (ListView) getChildAt(1);
149. listView.setOnTouchListener(this);
150. loadOnce = true;
151. }
152. }
153. /**
154. * 当ListView被触摸时调用，其中处理了各种下拉刷新的具体逻辑。
155. */
156. @Override
157. public boolean onTouch(View v, MotionEvent event) {
158. setIsAbleToPull(event);
159. if (ableToPull) {
160. switch (event.getAction()) {
161. case MotionEvent.ACTION_DOWN:
162. yDown = event.getRawY();
163. break;
164. case MotionEvent.ACTION_MOVE:
165. float yMove = event.getRawY();
166. int distance = (int) (yMove - yDown);
167. // 如果手指是下滑状态，并且下拉头是完全隐藏的，就屏蔽下拉事件
168. if (distance <= 0 && headerLayoutParams.topMargin <= hideHeaderHeight) {
169. return false;
170. }
171. if (distance < touchSlop) {
172. return false;
173. }
174. if (currentStatus != STATUS_REFRESHING) {
175. if (headerLayoutParams.topMargin > 0) {
176. currentStatus = STATUS_RELEASE_TO_REFRESH;
177. } else {
178. currentStatus = STATUS_PULL_TO_REFRESH;
179. }
180. // 通过偏移下拉头的topMargin值，来实现下拉效果
181. headerLayoutParams.topMargin = (distance / 2) + hideHeaderHeight;
182. header.setLayoutParams(headerLayoutParams);
183. }
184. break;
185. case MotionEvent.ACTION_UP:
186. default:
187. if (currentStatus == STATUS_RELEASE_TO_REFRESH) {
188. // 松手时如果是释放立即刷新状态，就去调用正在刷新的任务
189. new RefreshingTask().execute();
190. } else if (currentStatus == STATUS_PULL_TO_REFRESH) {
191. // 松手时如果是下拉状态，就去调用隐藏下拉头的任务
192. new HideHeaderTask().execute();
193. }
194. break;
195. }
196. // 时刻记得更新下拉头中的信息
197. if (currentStatus == STATUS_PULL_TO_REFRESH
198. || currentStatus == STATUS_RELEASE_TO_REFRESH) {
199. updateHeaderView();
200. // 当前正处于下拉或释放状态，要让ListView失去焦点，否则被点击的那一项会一直处于选中状态
201. listView.setPressed(false);
202. listView.setFocusable(false);  %N�;#F����vӡFʿ�