Android支持横行滚动的ListView控件

听老歌

Android支持横行滚动的ListView控件

1. import android.content.Context;
   
2. import android.util.AttributeSet;
   
3. import android.view.GestureDetector.OnGestureListener;
   
4. import android.view.GestureDetector;
   
5. import android.view.MotionEvent;
   
6. import android.view.View;
   
7. import android.view.ViewGroup;
   
8. import android.widget.LinearLayout;
   
9. import android.widget.ListView;
   
10. 
    
11. /**
    
12. * 自定义支持横向滚动的ListView
    
13. * @author 农民伯伯
    
14. * @version 2011-12-4
    
15. *
    
16. */
    
17. public class HVListView extends ListView {
    
18. 
    
19. /** 手势 */
    
20. private GestureDetector mGesture;
    
21. /** 列头 */
    
22. public LinearLayout mListHead;
    
23. /** 偏移坐标 */
    
24. private int mOffset = 0;
    
25. /** 屏幕宽度 */
    
26. private int screenWidth;
    
27. 
    
28. /** 构造函数 */
    
29. public HVListView(Context context, AttributeSet attrs) {
    
30. super(context, attrs);
    
31. mGesture = new GestureDetector(context, mOnGesture);
    
32. }
    
33. 
    
34. /** 分发触摸事件 */
    
35. @Override
    
36. public boolean dispatchTouchEvent(MotionEvent ev) {
    
37. super.dispatchTouchEvent(ev);
    
38. return mGesture.onTouchEvent(ev);
    
39. }
    
40. 
    
41. /** 手势 */
    
42. private OnGestureListener mOnGesture = new GestureDetector.SimpleOnGestureListener() {
    
43. 
    
44. @Override
    
45. public boolean onDown(MotionEvent e) {
    
46. return true;
    
47. }
    
48. 
    
49. @Override
    
50. public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
    
51. float velocityY) {
    
52. return false;
    
53. }
    
54. 
    
55. /** 滚动 */
    
56. @Override
    
57. public boolean onScroll(MotionEvent e1, MotionEvent e2,
    
58. float distanceX, float distanceY) {
    
59. synchronized (HVListView.this) {
    
60. int moveX = (int) distanceX;
    
61. int curX = mListHead.getScrollX();
    
62. int scrollWidth = getWidth();
    
63. int dx = moveX;
    
64. //控制越界问题
    
65. if (curX + moveX < 0)
    
66. dx = 0;
    
67. if (curX + moveX + getScreenWidth() > scrollWidth)
    
68. dx = scrollWidth - getScreenWidth() - curX;
    
69. 
    
70. mOffset += dx;
    
71. //根据手势滚动Item视图
    
72. for (int i = 0, j = getChildCount(); i < j; i++) {
    
73. View child = ((ViewGroup) getChildAt(i)).getChildAt(1);
    
74. if (child.getScrollX() != mOffset)
    
75. child.scrollTo(mOffset, 0);
    
76. }
    
77. mListHead.scrollBy(dx, 0);
    
78. }
    
79. requestLayout();
    
80. return true;
    
81. }
    
82. };
    
83. 
    
84. 
    
85. /**
    
86. * 获取屏幕可见范围内最大屏幕
    
87. * @return
    
88. */
    
89. public int getScreenWidth() {
    
90. if (screenWidth == 0) {
    
91. screenWidth = getContext().getResources().getDisplayMetrics().widthPixels;
    
92. if (getChildAt(0) != null) {
    
93. screenWidth -= ((ViewGroup) getChildAt(0)).getChildAt(0)
    
94. .getMeasuredWidth();
    
95. } else if (mListHead != null) {
    
96. //减去固定第一列
    
97. screenWidth -= mListHead.getChildAt(0).getMeasuredWidth();
    
98. }
    
99. }
    
100. return screenWidth;
     
101. }
     
102. 
     
103. /** 获取列头偏移量 */
     
104. public int getHeadScrollX() {
     
105. return mListHead.getScrollX();
     
106. }
     
107. }
     
108. 
     
109. 
     
110. package com.nmbb;
     
111. 
     
112. import android.app.Activity;
     
113. import android.os.Bundle;
     
114. import android.view.LayoutInflater;
     
115. import android.view.View;
     
116. import android.view.ViewGroup;
     
117. import android.widget.BaseAdapter;
     
118. import android.widget.LinearLayout;
     
119. import android.widget.TextView;
     
120. 
     
121. /**
     
122. * 测试Activity
     
123. * @author 农民伯伯
     
124. * @version 2011-12-4
     
125. *
     
126. */
     
127. public class TestHVListViewActivity extends Activity {
     
128. 
     
129. private LayoutInflater mInflater;
     
130. 
     
131. private HVListView mListView;
     
132. 
     
133. /** Called when the activity is first created. */
     
134. @Override
     
135. public void onCreate(Bundle savedInstanceState) {
     
136. super.onCreate(savedInstanceState);
     
137. setContentView(R.layout.main);
     
138. 
     
139. mListView = (HVListView) findViewById(android.R.id.list);
     
140. //设置列头
     
141. mListView.mListHead = (LinearLayout) findViewById(R.id.head);
     
142. //设置数据
     
143. mListView.setAdapter(new DataAdapter());
     
144. 
     
145. mInflater = (LayoutInflater) getSystemService(LAYOUT_INFLATER_SERVICE);
     
146. }
     
147. 
     
148. private class DataAdapter extends BaseAdapter {
     
149. 
     
150. @Override
     
151. public int getCount() {
     
152. return 50;//固定显示50行数据
     
153. }
     
154. 
     
155. @Override
     
156. public View getView(int position, View convertView, ViewGroup parent) {
     
157. if (convertView == null) {
     
158. convertView = mInflater.inflate(R.layout.item, null);
     
159. }
     
160. 
     
161. for (int i = 0; i < 8; i++) {
     
162. ((TextView) convertView.findViewById(R.id.item2 + i)).setText("数据" + position + "行" + (i + 2) + "列");
     
163. }
     
164. 
     
165. //校正（处理同时上下和左右滚动出现错位情况）
     
166. View child = ((ViewGroup) convertView).getChildAt(1);
     
167. int head = mListView.getHeadScrollX();
     
168. if (child.getScrollX() != head) {
     
169. child.scrollTo(mListView.getHeadScrollX(), 0);
     
170. }
     
171. return convertView;
     
172. }
     
173. 
     
174. @Override
     
175. public Object getItem(int position) {
     
176. return null;
     
177. }
     
178. 
     
179. @Override
     
180. public long getItemId(int position) {
     
181. return 0;
     
182. }
     
183. }
     
184. }
     

复制代码

item.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
androidrientation="horizontal" android:layout_width="wrap_content"
android:layout_height="wrap_content">
<TextView android:id="@+id/item1" android:text="不动列头1"
android:textSize="20.0sp" android:gravity="center"
android:layout_width="100.0dip" android:layout_height="wrap_content"></TextView>
<LinearLayout androidrientation="horizontal" android:id="@+id/head"
android:layout_width="1200.0dip" android:layout_height="wrap_content">
<TextView android:id="@+id/item2" android:text="不动列头2"
android:textColor="@android:color/black" android:textSize="20.0sp"
android:singleLine="true" android:gravity="center"
android:layout_width="150.0dip" android:layout_height="wrap_content"></TextView>
<TextView android:id="@+id/item3" android:text="不动列头3"
android:textSize="20.0sp" android:singleLine="true" android:gravity="center"
android:layout_width="150.0dip" android:layout_height="wrap_content"></TextView>
<TextView android:id="@+id/item4" android:text="不动列头4"
android:textColor="@android:color/black" android:textSize="20.0sp"
android:singleLine="true" android:gravity="center"
android:layout_width="150.0dip" android:layout_height="wrap_content"></TextView>
<TextView android:id="@+id/item5" android:text="不动列头5"
android:textSize="20.0sp" android:singleLine="true" android:gravity="center"
android:layout_width="150.0dip" android:layout_height="wrap_content"></TextView>
<TextView android:id="@+id/item6" android:text="不动列头6"
android:textColor="@android:color/black" android:textSize="20.0sp"
android:singleLine="true" android:gravity="center"
android:layout_width="150.0dip" android:layout_height="wrap_content"></TextView>
<TextView android:id="@+id/item7" android:text="不动列头7"
android:textSize="20.0sp" android:singleLine="true" android:gravity="center"
android:layout_width="150.0dip" android:layout_height="wrap_content"></TextView>
<TextView android:id="@+id/item8" android:text="不动列头8"
android:textColor="@android:color/black" android:textSize="20.0sp"
android:singleLine="true" android:gravity="center"
android:layout_width="150.0dip" android:layout_height="wrap_content"></TextView>
<TextView android:id="@+id/item9" android:text="不动列头9"
android:textSize="20.0sp" android:singleLine="true" android:gravity="center"
android:layout_width="150.0dip" android:layout_height="wrap_content"></TextView>
</LinearLayout>
</LinearLayout>

main.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
androidrientation="vertical" android:background="#eeffcc"
android:layout_width="wrap_content" android:layout_height="fill_parent">
<include layout="@layout/item" />
<com.nmbb.HVListView android:id="@android:id/list"
android:background="#FFB84D" android:fastScrollEnabled="true"
android:fadingEdgeLength="0.0sp" android:layout_width="1400.0dip"
android:layout_height="fill_parent" android:drawSelectorOnTop="false"
android:cacheColorHint="@null" android:dividerHeight="1.0dip">
</com.nmbb.HVListView>
</LinearLayout>

如果有一天21

谢谢分享

sychangchun

谢谢分享。

bokezyyx

真心赞的控件知识分享