XListview是一個非常受歡迎的下拉刷新控件，但是已經停止維護了。之前寫過一篇XListview的使用介紹，用起來非常簡單，這兩天放假無聊，研究了下XListview的實現原理，學到了很多，今天分享給大家。

提前聲明，為了讓代碼更好的理解，我對代碼進行了部分刪減和重構，如果大家想看原版代碼，請去github自行下載。

Xlistview項目主要是三部分：XlistView,XListViewHeader,XListViewFooter，分別是XListView主體、header、footer的實現。下面我們分開來介紹。

下面是修改之後的XListViewHeader代碼

1. public class XListViewHeader extends LinearLayout {
3. private static final String HINT_NORMAL = "下拉刷新";
4. private static final String HINT_READY = "松開刷新數據";
5. private static final String HINT_LOADING = "正在加載...";
7. // 正常狀態
8. public final static int STATE_NORMAL = 0;
9. // 準備刷新狀態，也就是箭頭方向發生改變之後的狀態
10. public final static int STATE_READY = 1;
11. // 刷新狀態，箭頭變成了progressBar
12. public final static int STATE_REFRESHING = 2;
13. // 布局容器，也就是根布局
14. private LinearLayout container;
15. // 箭頭圖片
16. private ImageView mArrowImageView;
17. // 刷新狀態顯示
18. private ProgressBar mProgressBar;
19. // 說明文本
20. private TextView mHintTextView;
21. // 記錄當前的狀態
22. private int mState;
23. // 用於改變箭頭的方向的動畫
24. private Animation mRotateUpAnim;
25. private Animation mRotateDownAnim;
26. // 動畫持續時間
27. private final int ROTATE_ANIM_DURATION = 180;
29. public XListViewHeader(Context context) {
30. super(context);
31. initView(context);
32. }
34. public XListViewHeader(Context context, AttributeSet attrs) {
35. super(context, attrs);
36. initView(context);
37. }
39. private void initView(Context context) {
40. mState = STATE_NORMAL;
41. // 初始情況下，設置下拉刷新view高度為0
42. LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(
43. LayoutParams.MATCH_PARENT, 0);
44. container = (LinearLayout) LayoutInflater.from(context)www.qinlinyule.cn .inflate(
45. R.layout.xlistview_header, null);
46. addView(container, lp);
47. // 初始化控件
48. mArrowImageView = (ImageView) findViewById(R.id.xlistview_header_arrow);
49. mHintTextView = (TextView) findViewById(R.id.xlistview_header_hint_textview);
50. mProgressBar = (ProgressBar) findViewById(R.id.xlistview_header_progressbar);
51. // 初始化動畫
52. mRotateUpAnim = new RotateAnimation(0.0f, -180.0f,
53. Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,
54. 0.5f);
55. mRotateUpAnim.setDuration(ROTATE_ANIM_DURATION);
56. mRotateUpAnim.setFillAfter(true);
57. mRotateDownAnim = new RotateAnimation(-180.0f, 0.0f,
58. Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,
59. 0.5f);
60. mRotateDownAnim.setDuration(ROTATE_www.thd178.com/ ANIM_DURATION);
61. mRotateDownAnim.setFillAfter(true);
62. }
64. // 設置header的狀態
65. public void setState(int state) {
66. if (state == mState)
67. return;
69. // 顯示進度
70. if (state == STATE_REFRESHING) www.taohuayuan178.com{
71. mArrowImageView.clearAnimation(www.feifanyule.cn);
72. mArrowImageView.setVisibility(View.INVISIBLE);
73. mProgressBar.setVisibility(www.120xh.cn View.VISIBLE);
74. } else {
75. // 顯示箭頭
76. mArrowImageView.setVisibility(View.VISIBLE);
77. mProgressBar.setVisibility(View.www.vboyule66.cn/ INVISIBLE);
78. }
80. switch (state) {
81. case STATE_NORMAL:
82. if (mState == STATE_READY) {
83. mArrowImageView.startAnimation(mRotateDownAnim);
84. }
85. if (mState == STATE_REFRESHING) {
86. mArrowImageView.clearAnimation();
87. }
88. mHintTextView.setText(HINT_NORMAL);
89. break;
90. case STATE_READY:
91. if (mState != STATE_READY) {
92. mArrowImageView.clearAnimation();
93. mArrowImageView.startAnimation(mRotateUpAnim);
94. mHintTextView.setText(HINT_READY);
95. }
96. break;
97. case STATE_REFRESHING:
98. mHintTextView.setText(HINT_LOADING);
99. break;
100. }
102. mState = state;
103. }
105. public void setVisiableHeight(int height) {
106. if (height < 0)
107. height = 0;
108. LinearLayout.LayoutParams lp = (LinearLayout.LayoutParams) container
109. .getLayoutParams();
110. lp.height = height;
111. container.setLayoutParams(lp);
112. }
114. public int getVisiableHeight() {
115. return container.getHeight();
116. }
118. public void show() {
119. container.setVisibility(View.VISIBLE);
120. }
122. public void hide() {
123. container.setVisibility(View.INVISIBLE);
124. }
126. }

XListViewHeader繼承自linearLayout，用來實現下拉刷新時的界面展示，可以分為三種狀態：正常、準備刷新、正在加載。

在Linearlayout布局裏面，主要有指示箭頭、說明文本、圓形加載條三個控件。在構造函數中，調用了initView()進行控件的初始化操作。在添加布局文件的時候，指定高度為0，這是為了隱藏header，然後初始化動畫，是為了完成箭頭的旋轉動作。

setState()是設置header的狀態，因為header需要根據不同的狀態，完成控件隱藏、顯示、改變文字等操作，這個方法主要是在XListView裏面調用。除此之外，還有setVisiableHeight()和getVisiableHeight()，這兩個方法是為了設置和獲取Header中根布局文件的高度屬性，從而完成拉伸和收縮的效果，而show()和hide()則顯然就是完成顯示和隱藏的效果。

下面是Header的布局文件

1. <?xml version="1.0" encoding="utf-8"?>
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3. xmlns:tools="http://schemas.android.com/tools"
4. android:layout_width="match_parent"
5. android:layout_height="wrap_content"
6. android:gravity="bottom" >
8. <RelativeLayout
9. android:id="@+id/xlistview_header_content"
10. android:layout_width="match_parent"
11. android:layout_height="60dp"
12. tools:ignore="UselessParent" >
14. <TextView
15. android:id="@+id/xlistview_header_hint_textview"
16. android:layout_width="100dp"
17. android:layout_height="wrap_content"
18. android:layout_centerInParent="true"
19. android:gravity="center"
20. android:text="正在加載"
21. android:textColor="@android:color/black"
22. android:textSize="14sp" />
24. <ImageView
25. android:id="@+id/xlistview_header_arrow"
26. android:layout_width="30dp"
27. android:layout_height="wrap_content"
28. android:layout_centerVertical="true"
29. android:layout_toLeftOf="@id/xlistview_header_hint_textview"
30. android:src="@drawable/xlistview_arrow" />
32. <ProgressBar
33. android:id="@+id/xlistview_header_progressbar"
34. style="@style/progressbar_style"
35. android:layout_width="30dp"
36. android:layout_height="30dp"
37. android:layout_centerVertical="true"
38. android:layout_toLeftOf="@id/xlistview_header_hint_textview"
39. android:visibility="invisible" />
40. </RelativeLayout>
42. </LinearLayout>

Android XListView實現原理講解及分析