Android XListView实现原理讲解及分析

XListview是一个非常受欢迎的下拉刷新控件，但是已经停止维护了。之前写过一篇XListview的使用介绍，用起来非常简单，这两天放假无聊，研究了下XListview的实现原理，学到了很多，今天分享给大家。

提前声明，为了让代码更好的理解，我对代码进行了部分删减和重构，如果大家想看原版代码，请去github自行下载。

Xlistview项目主要是三部分：XlistView,XListViewHeader,XListViewFooter，分别是XListView主体、header、footer的实现。下面我们分开来介绍。

下面是修改之后的XListViewHeader代码

[java] view plaincopy

1. public class XListViewHeader extends LinearLayout {
2. private static final String HINT_NORMAL = "下拉刷新";
3. private static final String HINT_READY = "松开刷新数据";
4. private static final String HINT_LOADING = "正在加载...";
5. // 正常状态
6. public final static int STATE_NORMAL = 0;
7. // 准备刷新状态，也就是箭头方向发生改变之后的状态
8. public final static int STATE_READY = 1;
9. // 刷新状态，箭头变成了progressBar
10. public final static int STATE_REFRESHING = 2;
11. // 布局容器，也就是根布局
12. private LinearLayout container;
13. // 箭头图片
14. private ImageView mArrowImageView;
15. // 刷新状态显示
16. private ProgressBar mProgressBar;
17. // 说明文本
18. private TextView mHintTextView;
19. // 记录当前的状态
20. private int mState;
21. // 用于改变箭头的方向的动画
22. private Animation mRotateUpAnim;
23. private Animation mRotateDownAnim;
24. // 动画持续时间
25. private final int ROTATE_ANIM_DURATION = 180;
26. public XListViewHeader(Context context) {
27. super(context);
28. initView(context);
29. }
30. public XListViewHeader(Context context, AttributeSet attrs) {
31. super(context, attrs);
32. initView(context);
33. }
34. private void initView(Context context) {
35. mState = STATE_NORMAL;
36. // 初始情况下，设置下拉刷新view高度为0
37. LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(
38. LayoutParams.MATCH_PARENT, 0);
39. container = (LinearLayout) LayoutInflater.from(context)www.qinlinyule.cn .inflate(
40. R.layout.xlistview_header, null);
41. addView(container, lp);
42. // 初始化控件
43. mArrowImageView = (ImageView) findViewById(R.id.xlistview_header_arrow);
44. mHintTextView = (TextView) findViewById(R.id.xlistview_header_hint_textview);
45. mProgressBar = (ProgressBar) findViewById(R.id.xlistview_header_progressbar);
46. // 初始化动画
47. mRotateUpAnim = new RotateAnimation(0.0f, -180.0f,
48. Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,
49. 0.5f);
50. mRotateUpAnim.setDuration(ROTATE_ANIM_DURATION);
51. mRotateUpAnim.setFillAfter(true);
52. mRotateDownAnim = new RotateAnimation(-180.0f, 0.0f,
53. Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,
54. 0.5f);
55. mRotateDownAnim.setDuration(ROTATE_www.thd178.com/ ANIM_DURATION);
56. mRotateDownAnim.setFillAfter(true);
57. }
58. // 设置header的状态
59. public void setState(int state) {
60. if (state == mState)
61. return;
62. // 显示进度
63. if (state == STATE_REFRESHING) www.taohuayuan178.com{
64. mArrowImageView.clearAnimation(www.feifanyule.cn);
65. mArrowImageView.setVisibility(View.INVISIBLE);
66. mProgressBar.setVisibility(www.120xh.cn  View.VISIBLE);
67. } else {
68. // 显示箭头
69. mArrowImageView.setVisibility(View.VISIBLE);
70. mProgressBar.setVisibility(View.www.vboyule66.cn/ INVISIBLE);
71. }
72. switch (state) {
73. case STATE_NORMAL:
74. if (mState == STATE_READY) {
75. mArrowImageView.startAnimation(mRotateDownAnim);
76. }
77. if (mState == STATE_REFRESHING) {
78. mArrowImageView.clearAnimation();
79. }
80. mHintTextView.setText(HINT_NORMAL);
81. break;
82. case STATE_READY:
83. if (mState != STATE_READY) {
84. mArrowImageView.clearAnimation();
85. mArrowImageView.startAnimation(mRotateUpAnim);
86. mHintTextView.setText(HINT_READY);
87. }
88. break;
89. case STATE_REFRESHING:
90. mHintTextView.setText(HINT_LOADING);
91. break;
92. }
93. mState = state;
94. }
95. public void setVisiableHeight(int height) {
96. if (height < 0)
97. height = 0;
98. LinearLayout.LayoutParams lp = (LinearLayout.LayoutParams) container
99. .getLayoutParams();
100. lp.height = height;
101. container.setLayoutParams(lp);
102. }
103. public int getVisiableHeight() {
104. return container.getHeight();
105. }
106. public void show() {
107. container.setVisibility(View.VISIBLE);
108. }
109. public void hide() {
110. container.setVisibility(View.INVISIBLE);
111. }
112. }

XListViewHeader继承自linearLayout，用来实现下拉刷新时的界面展示，可以分为三种状态：正常、准备刷新、正在加载。

在Linearlayout布局里面，主要有指示箭头、说明文本、圆形加载条三个控件。在构造函数中，调用了initView()进行控件的初始化操作。在添加布局文件的时候，指定高度为0，这是为了隐藏header，然后初始化动画，是为了完成箭头的旋转动作。

setState()是设置header的状态，因为header需要根据不同的状态，完成控件隐藏、显示、改变文字等操作，这个方法主要是在XListView里面调用。除此之外，还有setVisiableHeight()和getVisiableHeight()，这两个方法是为了设置和获取Header中根布局文件的高度属性，从而完成拉伸和收缩的效果，而show()和hide()则显然就是完成显示和隐藏的效果。

下面是Header的布局文件

[html] view plaincopy

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" >
7. <RelativeLayout
8. android:id="@+id/xlistview_header_content"
9. android:layout_width="match_parent"
10. android:layout_height="60dp"
11. tools:ignore="UselessParent" >
12. <TextView
13. android:id="@+id/xlistview_header_hint_textview"
14. android:layout_width="100dp"
15. android:layout_height="wrap_content"
16. android:layout_centerInParent="true"
17. android:gravity="center"
18. android:text="正在加载"
19. android:textColor="@android:color/black"
20. android:textSize="14sp" />
21. <ImageView
22. android:id="@+id/xlistview_header_arrow"
23. android:layout_width="30dp"
24. android:layout_height="wrap_content"
25. android:layout_centerVertical="true"
26. android:layout_toLeftOf="@id/xlistview_header_hint_textview"
27. android:src="@drawable/xlistview_arrow" />
28. <ProgressBar
29. android:id="@+id/xlistview_header_progressbar"
30. style="@style/progressbar_style"
31. android:layout_width="30dp"
32. android:layout_height="30dp"
33. android:layout_centerVertical="true"
34. android:layout_toLeftOf="@id/xlistview_header_hint_textview"
35. android:visibility="invisible" />
36. </RelativeLayout>
37. </LinearLayout>

原文地址：https://www.cnblogs.com/qwangxiao/p/9080104.html