Android UI开发: 横向ListView(HorizontalListView)及一个简单相册的完整实现 (附源码下载)

POSTED ON 2014年6月27日 BY 天边的星星

本文内容：

1、横向ListView的所有实现思路;

2、其中一个最通用的思路HorizontalListView，并基于横向ListView开发一个简单的相册；

3、实现的横向ListView在点击、浏览时item背景会变色，并解决了listview里setSelected造成item的选择状态混乱的问题。

众所周知，ListView默认的方向是垂直的，但有些时候人们更喜欢横向ListView。纵观整个网络，横向ListView的实现思路如下:

1、在布局里用HorizontalScrollView包含一个ListView，参考这里;

2、利用GridView，把它的行数设为1行；

3、有人继承ListView构造了一个HorizontalScrollListView，参见：这里

4、国外一位大牛继承AdapterView<ListAdapter>构造的HorizontalListView，这是以上所有方法里本人认为最正统的方法，本文即基于此方法，参见:这里

下面看源码：

这是Activity的布局文件:activity_main.xml

[html] view plaincopyprint?

1. <span style=“font-family: ‘Comic Sans MS‘; font-size: 18px;”><RelativeLayout xmlns:android=“http://schemas.android.com/apk/res/android”
2. xmlns:tools=“http://schemas.android.com/tools”
3. android:layout_width=“match_parent”
4. android:layout_height=“match_parent”
5. android:paddingBottom=“@dimen/activity_vertical_margin”
6. android:paddingLeft=“@dimen/activity_horizontal_margin”
7. android:paddingRight=“@dimen/activity_horizontal_margin”
8. android:paddingTop=“@dimen/activity_vertical_margin”
9. tools:context=“.MainActivity”
10. >
11. <org.yanzi.ui.HorizontalListView
12. android:id=“@+id/horizon_listview”
13. android:layout_width=“match_parent”
14. android:layout_height=“150dip”
15. android:layout_alignParentTop=“true”
16. >
17. </org.yanzi.ui.HorizontalListView>
18. <ImageView
19. android:id=“@+id/image_preview”
20. android:layout_width=“wrap_content”
21. android:layout_height=“wrap_content”
22. android:layout_below=“@id/horizon_listview”
23. android:layout_centerInParent=“true”
24. android:clickable=“true”
25. android:background=“@drawable/selector_imageview_background”
26. />
27. <!– android:background=”@android:drawable/ic_menu_gallery” –>
28. </RelativeLayout></span>

这是横向listview的每个item的布局，图片+文字，horizontal_list_item.xml

[html] view plaincopyprint?

1. <span style=“font-family: ‘Comic Sans MS‘; font-size: 18px;”><?xml version=“1.0” encoding=“utf-8″?>
2. <LinearLayout xmlns:android=“http://schemas.android.com/apk/res/android”
3. android:layout_width=“wrap_content”
4. android:layout_height=“wrap_content”
5. android:paddingLeft=“2dip”
6. android:paddingRight=“2dip”
7. android:paddingTop=“2dip”
8. android:paddingBottom=“2dip”
9. android:orientation=“vertical”
10. android:gravity=“center”
11. android:clickable=“true”
12. android:background=“@drawable/selector_item_background”>
13. <ImageView
14. android:id=“@+id/img_list_item”
15. android:layout_width=“wrap_content”
16. android:layout_height=“wrap_content”/>
17. <TextView
18. android:id=“@+id/text_list_item”
19. android:layout_width=“match_parent”
20. android:layout_height=“wrap_content”
21. android:gravity=“center”/>
22. </LinearLayout>
23. </span>

下面文件是selector_imageview_background.xml，这是大图片你点击浏览时背景发生变化的selector，没有啥实际作用。

[html] view plaincopyprint?

1. <span style=“font-family: ‘Comic Sans MS‘; font-size: 18px;”><?xml version=“1.0” encoding=“utf-8″?>
2. <selector xmlns:android=“http://schemas.android.com/apk/res/android”>
3. <item android:drawable=“@android:color/holo_green_light” android:state_pressed=“true”/>
4. <item android:drawable=“@android:color/holo_green_light” android:state_focused=“true”/>
5. <item android:drawable=“@drawable/image_background”></item>
6. <!– android:drawable=”@android:color/transparent” –>
7. </selector></span>

下面是每个item的selector，在focus和select时颜色会发生变化:selector_item_background.xml

[html] view plaincopyprint?

1. <span style=“font-family: ‘Comic Sans MS‘; font-size: 18px;”><?xml version=“1.0” encoding=“utf-8″?>
2. <selector xmlns:android=“http://schemas.android.com/apk/res/android”>
3. <item android:drawable=“@android:color/holo_red_light” android:state_selected=“true”/>
4. <item android:drawable=“@android:color/holo_green_dark” android:state_pressed=“true”/>
5. <item android:drawable=“@android:color/transparent”/>
6. </selector></span>

主程序:MainActivity.java

[java] view plaincopyprint?

1. <span style=“font-family: ‘Comic Sans MS‘; font-size: 18px;”>package org.yanzi.testhorizontallistview;
2. import org.yanzi.ui.HorizontalListView;
3. import org.yanzi.ui.HorizontalListViewAdapter;
4. import android.app.Activity;
5. import android.os.Bundle;
6. import android.view.Menu;
7. import android.view.View;
8. import android.widget.AdapterView;
9. import android.widget.AdapterView.OnItemClickListener;
10. import android.widget.ImageView;
11. public class MainActivity extends Activity {
12. HorizontalListView hListView;
13. HorizontalListViewAdapter hListViewAdapter;
14. ImageView previewImg;
15. View olderSelectView = null;
16. @Override
17. protected void onCreate(Bundle savedInstanceState) {
18. super.onCreate(savedInstanceState);
19. setContentView(R.layout.activity_main);
20. initUI();
21. }
22. @Override
23. public boolean onCreateOptionsMenu(Menu menu) {
24. // Inflate the menu; this adds items to the action bar if it is present.
25. getMenuInflater().inflate(R.menu.main, menu);
26. return true;
27. }
28. public void initUI(){
29. hListView = (HorizontalListView)findViewById(R.id.horizon_listview);
30. previewImg = (ImageView)findViewById(R.id.image_preview);
31. String[] titles = {“怀师”, “南怀瑾军校”, “闭关”, “南怀瑾”, “南公庄严照”, “怀师法相”};
32. final int[] ids = {R.drawable.nanhuaijin_miss, R.drawable.nanhuaijin_school,
33. R.drawable.nanhuaijin_biguan, R.drawable.nanhuaijin,
34. R.drawable.nanhuaijin_zhuangyan, R.drawable.nanhuaijin_faxiang};
35. hListViewAdapter = new HorizontalListViewAdapter(getApplicationContext(),titles,ids);
36. hListView.setAdapter(hListViewAdapter);
37. //      hListView.setOnItemSelectedListener(new OnItemSelectedListener() {
38. //
39. //          @Override
40. //          public void onItemSelected(AdapterView<?> parent, View view,
41. //                  int position, long id) {
42. //              // TODO Auto-generated method stub
43. //              if(olderSelected != null){
44. //                  olderSelected.setSelected(false); //上一个选中的View恢复原背景
45. //              }
46. //              olderSelected = view;
47. //              view.setSelected(true);
48. //          }
49. //
50. //          @Override
51. //          public void onNothingSelected(AdapterView<?> parent) {
52. //              // TODO Auto-generated method stub
53. //
54. //          }
55. //      });
56. hListView.setOnItemClickListener(new OnItemClickListener() {
57. @Override
58. public void onItemClick(AdapterView<?> parent, View view,
59. int position, long id) {
60. // TODO Auto-generated method stub
61. //              if(olderSelectView == null){
62. //                  olderSelectView = view;
63. //              }else{
64. //                  olderSelectView.setSelected(false);
65. //                  olderSelectView = null;
66. //              }
67. //              olderSelectView = view;
68. //              view.setSelected(true);
69. previewImg.setImageResource(ids[position]);
70. hListViewAdapter.setSelectIndex(position);
71. hListViewAdapter.notifyDataSetChanged();
72. }
73. });
74. }
75. }
76. </span>

HorizontalListView.java 这就是自定义的横向listview

[java] view plaincopyprint?

1. <span style=“font-family: ‘Comic Sans MS‘; font-size: 18px;”>package org.yanzi.ui;
2. /*
3. * HorizontalListView.java v1.5
4. *
5. *
6. * The MIT License
7. * Copyright (c) 2011 Paul Soucy ([email protected])
8. *
9. * Permission is hereby granted, free of charge, to any person obtaining a copy
10. * of this software and associated documentation files (the “Software”), to deal
11. * in the Software without restriction, including without limitation the rights
12. * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
13. * copies of the Software, and to permit persons to whom the Software is
14. * furnished to do so, subject to the following conditions:
15. *
16. * The above copyright notice and this permission notice shall be included in
17. * all copies or substantial portions of the Software.
18. *
19. * THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
20. * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
21. * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
22. * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
23. * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
24. * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
25. * THE SOFTWARE.
26. *
27. */
28. import java.util.LinkedList;
29. import java.util.Queue;
30. import android.content.Context;
31. import android.database.DataSetObserver;
32. import android.graphics.Rect;
33. import android.util.AttributeSet;
34. import android.view.GestureDetector;
35. import android.view.GestureDetector.OnGestureListener;
36. import android.view.MotionEvent;
37. import android.view.View;
38. import android.widget.AdapterView;
39. import android.widget.ListAdapter;
40. import android.widget.Scroller;
41. public class HorizontalListView extends AdapterView<ListAdapter> {
42. public boolean mAlwaysOverrideTouch = true;
43. protected ListAdapter mAdapter;
44. private int mLeftViewIndex = -1;
45. private int mRightViewIndex = 0;
46. protected int mCurrentX;
47. protected int mNextX;
48. private int mMaxX = Integer.MAX_VALUE;
49. private int mDisplayOffset = 0;
50. protected Scroller mScroller;
51. private GestureDetector mGesture;
52. private Queue<View> mRemovedViewQueue = new LinkedList<View>();
53. private OnItemSelectedListener mOnItemSelected;
54. private OnItemClickListener mOnItemClicked;
55. private OnItemLongClickListener mOnItemLongClicked;
56. private boolean mDataChanged = false;
57. public HorizontalListView(Context context, AttributeSet attrs) {
58. super(context, attrs);
59. initView();
60. }
61. private synchronized void initView() {
62. mLeftViewIndex = -1;
63. mRightViewIndex = 0;
64. mDisplayOffset = 0;
65. mCurrentX = 0;
66. mNextX = 0;
67. mMaxX = Integer.MAX_VALUE;
68. mScroller = new Scroller(getContext());
69. mGesture = new GestureDetector(getContext(), mOnGesture);
70. }
71. @Override
72. public void setOnItemSelectedListener(AdapterView.OnItemSelectedListener listener) {
73. mOnItemSelected = listener;
74. }
75. @Override
76. public void setOnItemClickListener(AdapterView.OnItemClickListener listener){
77. mOnItemClicked = listener;
78. }
79. @Override
80. public void setOnItemLongClickListener(AdapterView.OnItemLongClickListener listener) {
81. mOnItemLongClicked = listener;
82. }
83. private DataSetObserver mDataObserver = new DataSetObserver() {
84. @Override
85. public void onChanged() {
86. synchronized(HorizontalListView.this){
87. mDataChanged = true;
88. }
89. invalidate();
90. requestLayout();
91. }
92. @Override
93. public void onInvalidated() {
94. reset();
95. invalidate();
96. requestLayout();
97. }
98. };
99. @Override
100. public ListAdapter getAdapter() {
101. return mAdapter;
102. }
103. @Override
104. public View getSelectedView() {
105. //TODO: implement
106. return null;
107. }
108. @Override
109. public void setAdapter(ListAdapter adapter) {
110. if(mAdapter != null) {
111. mAdapter.unregisterDataSetObserver(mDataObserver);
112. }
113. mAdapter = adapter;
114. mAdapter.registerDataSetObserver(mDataObserver);
115. reset();
116. }
117. private synchronized void reset(){
118. initView();
119. removeAllViewsInLayout();
120. requestLayout();
121. }
122. @Override
123. public void setSelection(int position) {
124. //TODO: implement
125. }
126. private void addAndMeasureChild(final View child, int viewPos) {
127. LayoutParams params = child.getLayoutParams();
128. if(params == null) {
129. params = new LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT);
130. }
131. addViewInLayout(child, viewPos, params, true);
132. child.measure(MeasureSpec.makeMeasureSpec(getWidth(), MeasureSpec.AT_MOST),
133. MeasureSpec.makeMeasureSpec(getHeight(), MeasureSpec.AT_MOST));
134. }
135. @Override
136. protected synchronized void onLayout(boolean changed, int left, int top, int right, int bottom) {
137. super.onLayout(changed, left, top, right, bottom);
138. if(mAdapter == null){
139. return;
140. }
141. if(mDataChanged){
142. int oldCurrentX = mCurrentX;
143. initView();
144. removeAllViewsInLayout();
145. mNextX = oldCurrentX;
146. mDataChanged = false;
147. }
148. if(mScroller.computeScrollOffset()){
149. int scrollx = mScroller.getCurrX();
150. mNextX = scrollx;
151. }
152. if(mNextX <= 0){
153. mNextX = 0;
154. mScroller.forceFinished(true);
155. }
156. if(mNextX >= mMaxX) {
157. mNextX = mMaxX;
158. mScroller.forceFinished(true);
159. }
160. int dx = mCurrentX – mNextX;
161. removeNonVisibleItems(dx);
162. fillList(dx);
163. positionItems(dx);
164. mCurrentX = mNextX;
165. if(!mScroller.isFinished()){
166. post(new Runnable(){
167. @Override
168. public void run() {
169. requestLayout();
170. }
171. });
172. }
173. }
174. private void fillList(final int dx) {
175. int edge = 0;
176. View child = getChildAt(getChildCount()-1);
177. if(child != null) {
178. edge = child.getRight();
179. }
180. fillListRight(edge, dx);
181. edge = 0;
182. child = getChildAt(0);
183. if(child != null) {
184. edge = child.getLeft();
185. }
186. fillListLeft(edge, dx);
187. }
188. private void fillListRight(int rightEdge, final int dx) {
189. while(rightEdge + dx < getWidth() && mRightViewIndex < mAdapter.getCount()) {
190. View child = mAdapter.getView(mRightViewIndex, mRemovedViewQueue.poll(), this);
191. addAndMeasureChild(child, -1);
192. rightEdge += child.getMeasuredWidth();
193. if(mRightViewIndex == mAdapter.getCount()-1) {
194. mMaxX = mCurrentX + rightEdge – getWidth();
195. }
196. if (mMaxX < 0) {
197. mMaxX = 0;
198. }
199. mRightViewIndex++;
200. }
201. }
202. private void fillListLeft(int leftEdge, final int dx) {
203. while(leftEdge + dx > 0 && mLeftViewIndex >= 0) {
204. View child = mAdapter.getView(mLeftViewIndex, mRemovedViewQueue.poll(), this);
205. addAndMeasureChild(child, 0);
206. leftEdge -= child.getMeasuredWidth();
207. mLeftViewIndex–;
208. mDisplayOffset -= child.getMeasuredWidth();
209. }
210. }
211. private void removeNonVisibleItems(final int dx) {
212. View child = getChildAt(0);
213. while(child != null && child.getRight() + dx <= 0) {
214. mDisplayOffset += child.getMeasuredWidth();
215. mRemovedViewQueue.offer(child);
216. removeViewInLayout(child);
217. mLeftViewIndex++;
218. child = getChildAt(0);
219. }
220. child = getChildAt(getChildCount()-1);
221. while(child != null && child.getLeft() + dx >= getWidth()) {
222. mRemovedViewQueue.offer(child);
223. removeViewInLayout(child);
224. mRightViewIndex–;
225. child = getChildAt(getChildCount()-1);
226. }
227. }
228. private void positionItems(final int dx) {
229. if(getChildCount() > 0){
230. mDisplayOffset += dx;
231. int left = mDisplayOffset;
232. for(int i=0;i<getChildCount();i++){
233. View child = getChildAt(i);
234. int childWidth = child.getMeasuredWidth();
235. child.layout(left, 0, left + childWidth, child.getMeasuredHeight());
236. left += childWidth + child.getPaddingRight();
237. }
238. }
239. }
240. public synchronized void scrollTo(int x) {
241. mScroller.startScroll(mNextX, 0, x – mNextX, 0);
242. requestLayout();
243. }
244. @Override
245. public boolean dispatchTouchEvent(MotionEvent ev) {
246. boolean handled = super.dispatchTouchEvent(ev);
247. handled |= mGesture.onTouchEvent(ev);
248. return handled;
249. }
250. protected boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
251. float velocityY) {
252. synchronized(HorizontalListView.this){
253. mScroller.fling(mNextX, 0, (int)-velocityX, 0, 0, mMaxX, 0, 0);
254. }
255. requestLayout();
256. return true;
257. }
258. protected boolean onDown(MotionEvent e) {
259. mScroller.forceFinished(true);
260. return true;
261. }
262. private OnGestureListener mOnGesture = new GestureDetector.SimpleOnGestureListener() {
263. @Override
264. public boolean onDown(MotionEvent e) {
265. return HorizontalListView.this.onDown(e);
266. }
267. @Override
268. public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
269. float velocityY) {
270. return HorizontalListView.this.onFling(e1, e2, velocityX, velocityY);
271. }
272. @Override
273. public boolean onScroll(MotionEvent e1, MotionEvent e2,
274. float distanceX, float distanceY) {
275. synchronized(HorizontalListView.this){
276. mNextX += (int)distanceX;
277. }
278. requestLayout();
279. return true;
280. }
281. @Override
282. public boolean onSingleTapConfirmed(MotionEvent e) {
283. for(int i=0;i<getChildCount();i++){
284. View child = getChildAt(i);
285. if (isEventWithinView(e, child)) {
286. if(mOnItemClicked != null){
287. mOnItemClicked.onItemClick(HorizontalListView.this, child, mLeftViewIndex + 1 + i, mAdapter.getItemId( mLeftViewIndex + 1 + i ));
288. }
289. if(mOnItemSelected != null){
290. mOnItemSelected.onItemSelected(HorizontalListView.this, child, mLeftViewIndex + 1 + i, mAdapter.getItemId( mLeftViewIndex + 1 + i ));
291. }
292. break;
293. }
294. }
295. return true;
296. }
297. @Override
298. public void onLongPress(MotionEvent e) {
299. int childCount = getChildCount();
300. for (int i = 0; i < childCount; i++) {
301. View child = getChildAt(i);
302. if (isEventWithinView(e, child)) {
303. if (mOnItemLongClicked != null) {
304. mOnItemLongClicked.onItemLongClick(HorizontalListView.this, child, mLeftViewIndex + 1 + i, mAdapter.getItemId(mLeftViewIndex + 1 + i));
305. }
306. break;
307. }
308. }
309. }
310. private boolean isEventWithinView(MotionEvent e, View child) {
311. Rect viewRect = new Rect();
312. int[] childPosition = new int[2];
313. child.getLocationOnScreen(childPosition);
314. int left = childPosition[0];
315. int right = left + child.getWidth();
316. int top = childPosition[1];
317. int bottom = top + child.getHeight();
318. viewRect.set(left, top, right, bottom);
319. return viewRect.contains((int) e.getRawX(), (int) e.getRawY());
320. }
321. };
322. }
323. </span>

HorizontalListViewAdapter.java 横向listview的适配器，我将他单独写到一个java文件里。

[java] view plaincopyprint?

1. <span style=“font-family: ‘Comic Sans MS‘; font-size: 18px;”>package org.yanzi.ui;
2. import org.yanzi.testhorizontallistview.R;
3. import org.yanzi.util.BitmapUtil;
4. import android.content.Context;
5. import android.graphics.Bitmap;
6. import android.graphics.drawable.Drawable;
7. import android.media.ThumbnailUtils;
8. import android.view.LayoutInflater;
9. import android.view.View;
10. import android.view.ViewGroup;
11. import android.widget.BaseAdapter;
12. import android.widget.ImageView;
13. import android.widget.TextView;
14. public class HorizontalListViewAdapter extends BaseAdapter{
15. private int[] mIconIDs;
16. private String[] mTitles;
17. private Context mContext;
18. private LayoutInflater mInflater;
19. Bitmap iconBitmap;
20. private int selectIndex = -1;
21. public HorizontalListViewAdapter(Context context, String[] titles, int[] ids){
22. this.mContext = context;
23. this.mIconIDs = ids;
24. this.mTitles = titles;
25. mInflater=(LayoutInflater)mContext.getSystemService(Context.LAYOUT_INFLATER_SERVICE);//LayoutInflater.from(mContext);
26. }
27. @Override
28. public int getCount() {
29. return mIconIDs.length;
30. }
31. @Override
32. public Object getItem(int position) {
33. return position;
34. }
35. @Override
36. public long getItemId(int position) {
37. return position;
38. }
39. @Override
40. public View getView(int position, View convertView, ViewGroup parent) {
41. ViewHolder holder;
42. if(convertView==null){
43. holder = new ViewHolder();
44. convertView = mInflater.inflate(R.layout.horizontal_list_item, null);
45. holder.mImage=(ImageView)convertView.findViewById(R.id.img_list_item);
46. holder.mTitle=(TextView)convertView.findViewById(R.id.text_list_item);
47. convertView.setTag(holder);
48. }else{
49. holder=(ViewHolder)convertView.getTag();
50. }
51. if(position == selectIndex){
52. convertView.setSelected(true);
53. }else{
54. convertView.setSelected(false);
55. }
56. holder.mTitle.setText(mTitles[position]);
57. iconBitmap = getPropThumnail(mIconIDs[position]);
58. holder.mImage.setImageBitmap(iconBitmap);
59. return convertView;
60. }
61. private static class ViewHolder {
62. private TextView mTitle ;
63. private ImageView mImage;
64. }
65. private Bitmap getPropThumnail(int id){
66. Drawable d = mContext.getResources().getDrawable(id);
67. Bitmap b = BitmapUtil.drawableToBitmap(d);
68. //      Bitmap bb = BitmapUtil.getRoundedCornerBitmap(b, 100);
69. int w = mContext.getResources().getDimensionPixelOffset(R.dimen.thumnail_default_width);
70. int h = mContext.getResources().getDimensionPixelSize(R.dimen.thumnail_default_height);
71. Bitmap thumBitmap = ThumbnailUtils.extractThumbnail(b, w, h);
72. return thumBitmap;
73. }
74. public void setSelectIndex(int i){
75. selectIndex = i;
76. }
77. }</span>

下面是效果图：

下图是一个item被选定后，另一个item获得了焦点:

下面是横向时的截图:

要点如下:

1、可以说这个HorizontalListView是完美的，但美中不足的并不是其他人说的不能点击、晃动、加载不全的问题，而是这个横向Listview的高度，如果你设成wrap_cotent那么将会占据整个屏幕，即使你将它适配器里的view的高度限制死，限制成很小，这个HorizontalListView的高度依然是全屏。本文代码里，我把图片缩略图弄成100dip，所以把这个HorizontalListView的高度设为了150dip。

2、在适配器里，我填充了一个图片，下面是文字。为了能让浏览图片时item有反应，搞了一个selector，它的用法详见这里. 但一开始在点击时完全没有反应，参考这里：

http://blog.csdn.net/ljz2009y/article/details/18820071   为此我的selector如下：

<?xml version=”1.0″ encoding=”utf-8″?>
<selector xmlns:android=”http://schemas.android.com/apk/res/android”>
<item android:drawable=”@android:color/holo_red_light” android:state_selected=”true”/>
<item android:drawable=”@android:color/holo_green_dark” android:state_pressed=”true”/>
<item android:drawable=”@android:color/transparent”/>
</selector>

将自然状态下的背景放到了最后，但点击浏览时依然没有作用。其实最根本原因是在布局文件里horizontal_list_item.xml要让这个布局能够clickable，即：android:clickable=”true”

3、上一步完成了，还需要点击即select一个item时，让它变色并且保持住，然后点击另外一个item时，让之前得item恢复默认背景。为了实现这个问题，我曾作如下尝试：

[java] view plaincopyprint?

1. <span style=“font-family: ‘Comic Sans MS‘; font-size: 18px;”>//             if(olderSelectView == null){
2. //                  olderSelectView = view;
3. //              }else{
4. //                  olderSelectView.setSelected(false);
5. //                  olderSelectView = null;
6. //              }
7. //              olderSelectView = view;
8. //              view.setSelected(true);</span>

即在click监听里，保存上一个选中的view。遗憾的是这种方法会造成item的选中状态造成混乱，比如第一个item选中了，同时第5个item也莫名其妙的被选中了。上述情况发生在滑动时，即一屏显示不完的情况下。当我横屏时，在所有的item都能一次性显示出来情况下，用上述方法么问题。后来我想到，这可以是适配器里的缓存机制造成的，最好不要再listview适配器外对item作修改，即便修改则一定要调适配器的: hListViewAdapter.notifyDataSetChanged();通知刷新view，毕竟适配器才是view的提供者。参考这位大大的文章:http://longyi-java.iteye.com/blog/976067 在适配器里加了一个接口保存选中的索引，然后再getView函数里进行判断。如果是选中的item，则将布局设为选中状态即可，horizontal_list_item.xml里的Linearlayout就会自动加载那个selector了。而无需像这个参考链接里对每个item的元素分别设置状态。

4、BitmapUtil是个工具类，负责将id转成一个bitmap，然后用android自带的ThumbnailUtils去提取缩略图。

5、之所以horizontal_list_item布局里要设置padding是为了选中item时，整个item有种被圈住的感觉，而不是光下面一点变色。

源码下载:http://download.csdn.net/detail/yanzi1225627/7046295