Android中实现水平滑动（横向滑动）ListView示例

这篇文章主要介绍了Android中实现水平滑动(横向滑动)ListView示例,本文用自己封装一个控件的方法解决了这个需求,需要的朋友可以参考下

水平的ListView-HorizontalListView的使用

Android中ListView默认的是竖直方向的滑动，由于项目的需求，需要ListView是水平滑动的。有很多的方式可以实现，但是比较好的一种方式就是自己封装一个控件，使用方式和ListView的使用方式是一样的。需要完善的地方：获取到的图片大小没有处理。在界面上展示的是图片的原大小。为了更好的展示效果，应该压缩成统一的尺寸。

HorizontalListView.java 代码如下：

1. /** 
2. * 横向的ListView 
3. *  
4. * * @author scd 
5. *  
6. */ 
7. public class HorizontalListView extends AdapterView<ListAdapter> { 
8.  
9. public boolean mAlwaysOverrideTouch = true; 
10. protected ListAdapter mAdapter; 
11. private int mLeftViewIndex = -1; 
12. private int mRightViewIndex = 0; 
13. protected int mCurrentX; 
14. protected int mNextX; 
15. private int mMaxX = Integer.MAX_VALUE; 
16. private int mDisplayOffset = 0; 
17. protected Scroller mScroller; 
18. private GestureDetector mGesture; 
19. private Queue<View> mRemovedViewQueue = new LinkedList<View>(); 
20. private OnItemSelectedListener mOnItemSelected; 
21. private OnItemClickListener mOnItemClicked; 
22. private OnItemLongClickListener mOnItemLongClicked; 
23. private boolean mDataChanged = false; 
24.  
25. public HorizontalListView(Context context, AttributeSet attrs) { 
26. super(context, attrs); 
27. initView(); 
28. } 
29.  
30. private synchronized void initView() { 
31. mLeftViewIndex = -1; 
32. mRightViewIndex = 0; 
33. mDisplayOffset = 0; 
34. mCurrentX = 0; 
35. mNextX = 0; 
36. mMaxX = Integer.MAX_VALUE; 
37. mScroller = new Scroller(getContext()); 
38. mGesture = new GestureDetector(getContext(), mOnGesture); 
39. } 
40.  
41. @Override 
42. public void setOnItemSelectedListener( 
43. AdapterView.OnItemSelectedListener listener) { 
44. mOnItemSelected = listener; 
45. } 
46.  
47. @Override 
48. public void setOnItemClickListener(AdapterView.OnItemClickListener listener) { 
49. mOnItemClicked = listener; 
50. } 
51.  
52. @Override 
53. public void setOnItemLongClickListener( 
54. AdapterView.OnItemLongClickListener listener) { 
55. mOnItemLongClicked = listener; 
56. } 
57.  
58. private DataSetObserver mDataObserver = new DataSetObserver() { 
59.  
60. @Override 
61. public void onChanged() { 
62. synchronized (HorizontalListView.this) { 
63. mDataChanged = true; 
64. } 
65. invalidate(); 
66. requestLayout(); 
67. } 
68.  
69. @Override 
70. public void onInvalidated() { 
71. reset(); 
72. invalidate(); 
73. requestLayout(); 
74. } 
75.  
76. }; 
77.  
78. @Override 
79. public ListAdapter getAdapter() { 
80. return mAdapter; 
81. } 
82.  
83. @Override 
84. public View getSelectedView() { 
85. // TODO: implement 
86. return null; 
87. } 
88.  
89. @Override 
90. public void setAdapter(ListAdapter adapter) { 
91. if (mAdapter != null) { 
92. mAdapter.unregisterDataSetObserver(mDataObserver); 
93. } 
94. mAdapter = adapter; 
95. mAdapter.registerDataSetObserver(mDataObserver); 
96. reset(); 
97. } 
98.  
99. private synchronized void reset() { 
100. initView(); 
101. removeAllViewsInLayout(); 
102. requestLayout(); 
103. } 
104.  
105. @Override 
106. public void setSelection(int position) { 
107. // TODO: implement 
108. } 
109.  
110. private void addAndMeasureChild(final View child, int viewPos) { 
111. LayoutParams params = child.getLayoutParams(); 
112. if (params == null) { 
113. params = new LayoutParams(LayoutParams.FILL_PARENT, 
114. LayoutParams.FILL_PARENT); 
115. } 
116.  
117. addViewInLayout(child, viewPos, params, true); 
118. child.measure( 
119. MeasureSpec.makeMeasureSpec(getWidth(), MeasureSpec.AT_MOST), 
120. MeasureSpec.makeMeasureSpec(getHeight(), MeasureSpec.AT_MOST)); 
121. } 
122.  
123. @Override 
124. protected synchronized void onLayout(boolean changed, int left, int top, 
125. int right, int bottom) { 
126. super.onLayout(changed, left, top, right, bottom); 
127.  
128. if (mAdapter == null) { 
129. return; 
130. } 
131.  
132. if (mDataChanged) { 
133. int oldCurrentX = mCurrentX; 
134. initView(); 
135. removeAllViewsInLayout(); 
136. mNextX = oldCurrentX; 
137. mDataChanged = false; 
138. } 
139.  
140. if (mScroller.computeScrollOffset()) { 
141. int scrollx = mScroller.getCurrX(); 
142. mNextX = scrollx; 
143. } 
144.  
145. if (mNextX <= 0) { 
146. mNextX = 0; 
147. mScroller.forceFinished(true); 
148. } 
149. if (mNextX >= mMaxX) { 
150. mNextX = mMaxX; 
151. mScroller.forceFinished(true); 
152. } 
153.  
154. int dx = mCurrentX - mNextX; 
155.  
156. removeNonVisibleItems(dx); 
157. fillList(dx); 
158. positionItems(dx); 
159.  
160. mCurrentX = mNextX; 
161.  
162. if (!mScroller.isFinished()) { 
163. post(new Runnable() { 
164. @Override 
165. public void run() { 
166. requestLayout(); 
167. } 
168. }); 
169.  
170. } 
171. } 
172.  
173. private void fillList(final int dx) { 
174. int edge = 0; 
175. View child = getChildAt(getChildCount() - 1); 
176. if (child != null) { 
177. edge = child.getRight(); 
178. } 
179. fillListRight(edge, dx); 
180.  
181. edge = 0; 
182. child = getChildAt(0); 
183. if (child != null) { 
184. edge = child.getLeft(); 
185. } 
186. fillListLeft(edge, dx); 
187.  
188. } 
189.  
190. private void fillListRight(int rightEdge, final int dx) { 
191. while (rightEdge + dx < getWidth() 
192. && mRightViewIndex < mAdapter.getCount()) { 
193.  
194. View child = mAdapter.getView(mRightViewIndex, 
195. mRemovedViewQueue.poll(), this); 
196. addAndMeasureChild(child, -1); 
197. rightEdge += child.getMeasuredWidth(); 
198.  
199. if (mRightViewIndex == mAdapter.getCount() - 1) { 
200. mMaxX = mCurrentX + rightEdge - getWidth(); 
201. } 
202.  
203. if (mMaxX < 0) { 
204. mMaxX = 0; 
205. } 
206. mRightViewIndex++; 
207. } 
208.  
209. } 
210.  
211. private void fillListLeft(int leftEdge, final int dx) { 
212. while (leftEdge + dx > 0 && mLeftViewIndex >= 0) { 
213. View child = mAdapter.getView(mLeftViewIndex, 
214. mRemovedViewQueue.poll(), this); 
215. addAndMeasureChild(child, 0); 
216. leftEdge -= child.getMeasuredWidth(); 
217. mLeftViewIndex--; 
218. mDisplayOffset -= child.getMeasuredWidth(); 
219. } 
220. } 
221.  
222. private void removeNonVisibleItems(final int dx) { 
223. View child = getChildAt(0); 
224. while (child != null && child.getRight() + dx <= 0) { 
225. mDisplayOffset += child.getMeasuredWidth(); 
226. mRemovedViewQueue.offer(child); 
227. removeViewInLayout(child); 
228. mLeftViewIndex++; 
229. child = getChildAt(0); 
230.  
231. } 
232.  
233. child = getChildAt(getChildCount() - 1); 
234. while (child != null && child.getLeft() + dx >= getWidth()) { 
235. mRemovedViewQueue.offer(child); 
236. removeViewInLayout(child); 
237. mRightViewIndex--; 
238. child = getChildAt(getChildCount() - 1); 
239. } 
240. } 
241.  
242. private void positionItems(final int dx) { 
243. if (getChildCount() > 0) { 
244. mDisplayOffset += dx; 
245. int left = mDisplayOffset; 
246. for (int i = 0; i < getChildCount(); i++) { 
247. View child = getChildAt(i); 
248. int childWidth = child.getMeasuredWidth(); 
249. child.layout(left, 0, left + childWidth, 
250. child.getMeasuredHeight()); 
251. left += childWidth + child.getPaddingRight(); 
252. } 
253. } 
254. } 
255.  
256. public synchronized void scrollTo(int x) { 
257. mScroller.startScroll(mNextX, 0, x - mNextX, 0); 
258. requestLayout(); 
259. } 
260.  
261. @Override 
262. public boolean dispatchTouchEvent(MotionEvent ev) { 
263. boolean handled = super.dispatchTouchEvent(ev); 
264. handled |= mGesture.onTouchEvent(ev); 
265. return handled; 
266. } 
267.  
268. protected boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, 
269. float velocityY) { 
270. synchronized (HorizontalListView.this) { 
271. mScroller.fling(mNextX, 0, (int) -velocityX, 0, 0, mMaxX, 0, 0); 
272. } 
273. requestLayout(); 
274.  
275. return true; 
276. } 
277.  
278. protected boolean onDown(MotionEvent e) { 
279. mScroller.forceFinished(true); 
280. return true; 
281. } 
282.  
283. private OnGestureListener mOnGesture = new GestureDetector.SimpleOnGestureListener() { 
284.  
285. @Override 
286. public boolean onDown(MotionEvent e) { 
287. return HorizontalListView.this.onDown(e); 
288. } 
289.  
290. @Override 
291. public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, 
292. float velocityY) { 
293. return HorizontalListView.this 
294. .onFling(e1, e2, velocityX, velocityY); 
295. } 
296.  
297. @Override 
298. public boolean onScroll(MotionEvent e1, MotionEvent e2, 
299. float distanceX, float distanceY) { 
300.  
301. synchronized (HorizontalListView.this) { 
302. mNextX += (int) distanceX; 
303. } 
304. requestLayout(); 
305.  
306. return true; 
307. } 
308.  
309. @Override 
310. public boolean onSingleTapConfirmed(MotionEvent e) { 
311. for (int i = 0; i < getChildCount(); i++) { 
312. View child = getChildAt(i); 
313. if (isEventWithinView(e, child)) { 
314. if (mOnItemClicked != null) { 
315. mOnItemClicked.onItemClick(HorizontalListView.this, 
316. child, mLeftViewIndex + 1 + i, 
317. mAdapter.getItemId(mLeftViewIndex + 1 + i)); 
318. } 
319. if (mOnItemSelected != null) { 
320. mOnItemSelected.onItemSelected(HorizontalListView.this, 
321. child, mLeftViewIndex + 1 + i, 
322. mAdapter.getItemId(mLeftViewIndex + 1 + i)); 
323. } 
324. break; 
325. } 
326.  
327. } 
328. return true; 
329. } 
330.  
331. @Override 
332. public void onLongPress(MotionEvent e) { 
333. int childCount = getChildCount(); 
334. for (int i = 0; i < childCount; i++) { 
335. View child = getChildAt(i); 
336. if (isEventWithinView(e, child)) { 
337. if (mOnItemLongClicked != null) { 
338. mOnItemLongClicked.onItemLongClick( 
339. HorizontalListView.this, child, mLeftViewIndex 
340. + 1 + i, 
341. mAdapter.getItemId(mLeftViewIndex + 1 + i)); 
342. } 
343. break; 
344. } 
345. } 
346. } 
347.  
348. private boolean isEventWithinView(MotionEvent e, View child) { 
349. Rect viewRect = new Rect(); 
350. int[] childPosition = new int[2]; 
351. child.getLocationOnScreen(childPosition); 
352. int left = childPosition[0]; 
353. int right = left + child.getWidth(); 
354. int top = childPosition[1]; 
355. int bottom = top + child.getHeight(); 
356. viewRect.set(left, top, right, bottom); 
357. return viewRect.contains((int) e.getRawX(), (int) e.getRawY()); 
358. } 
359. }; 
360.  
361. } 

适配器 HorizontalListViewAdapter .java如下：

1. public class HorizontalListViewAdapter extends BaseAdapter { 
2. /** 上下文 */ 
3. private Context mContext; 
4. /** 图像数据源 */ 
5. private ArrayList<Map<String, Integer>> mImageList; 
6.  
7. /** 数据源 */ 
8. private ArrayList<Map<String, Integer>> mTextList; 
9. /** Image */ 
10. private static String IMAGE = "ic_"; 
11.  
12. private Map<String, Integer> mMap = null; 
13.  
14. /** 构造方法 */ 
15. public HorizontalListViewAdapter(Context context) { 
16. this.mContext = context; 
17. initData(); 
18. } 
19.  
20. /** 初始化数据 */ 
21. public void initData() { 
22. mImageList = new ArrayList<Map<String, Integer>>(); 
23. /* 
24. * 反射技术 
25. */ 
26. Class<?> imageClzz = R.drawable.class; 
27. R.drawable instance = new R.drawable(); 
28. // 取得drawable类中所有的字段 
29. Field[] fields = imageClzz.getDeclaredFields(); 
30. for (Field field : fields) { 
31. // 获得字段的名字 
32. String name = field.getName(); 
33. if (name != null && name.startsWith(IMAGE)) { 
34. try { 
35. mMap = new HashMap<String, Integer>(); 
36. mMap.put(IMAGE, (Integer) field.get(instance)); 
37. mImageList.add(mMap); 
38. } catch (IllegalAccessException e) { 
39. e.printStackTrace(); 
40. } 
41. } 
42.  
43. } 
44. } 
45.  
46.  
47. @Override 
48. public int getCount() { 
49. return mImageList.size(); 
50. } 
51.  
52. @Override 
53. public Map<String, Integer> getItem(int position) { 
54.  
55. return mImageList == null ? null : mImageList.get(position); 
56. } 
57.  
58. @Override 
59. public long getItemId(int position) { 
60. return position; 
61. } 
62.  
63. @Override 
64. public View getView(int position, View convertView, ViewGroup parent) { 
65.  
66. ViewHolder holder; 
67. if (convertView == null) { 
68. holder = new ViewHolder(); 
69. convertView = LayoutInflater.from(mContext).inflate( 
70. R.layout.horizontal_list_item, null); 
71. holder.mImage = (ImageView) convertView 
72. .findViewById(R.id.iv_list_item); 
73. holder.mTitle = (TextView) convertView 
74. .findViewById(R.id.tv_list_item); 
75. convertView.setTag(holder); 
76. } else { 
77. holder = (ViewHolder) convertView.getTag(); 
78. } 
79.  
80. if (position == mSelectIndex) { 
81. convertView.setSelected(true); 
82. } else { 
83. convertView.setSelected(false); 
84. } 
85. holder.mImage.setImageResource(getItem(position).get(IMAGE)); 
86. return convertView; 
87. } 
88.  
89. private class ViewHolder { 
90. /** 图像 */ 
91. private ImageView mImage; 
92. } 
93. }