使用HorizontalScrollView 实现ListView横向滑动

Android API中没有提供横向滑动的控件，最近公司项目需要横向滑动的效果，综合了一下网上的资料，感觉使用HorizontalScrollView嵌套ListView比较容易实现，也比较容易理解。

主要原理是在HorizontalScrollView中嵌套一个ListView，限制ListView的Item数目始终为1，这样，就可以隐藏掉ListView自带 的垂直滑动效果，而只有HorizontalScrollView的横向滑动效果。

布局文件：

<HorizontalScrollView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:fillViewport="true" >

        <ListView
            android:id="@+id/lv"
            android:layout_width="match_parent"
            android:layout_height="100dp" >
        </ListView>
    </HorizontalScrollView>

取HorizontalScrollView和ListView的宽度为屏幕的宽度，限定ListView的高度，使其只显示一条Item。

ListView控件的Adapter：

public MyListViewAdapter(List<String> item, List<String> strings,
			Context context, Handler handler, ArrayList<TextView> texts) {
		super();
		this.strings = strings;
		this.context = context;
		lists.add("只有一个Item");
		inflater = LayoutInflater.from(context);
		this.handler = handler;
		this.texts = texts;
	}

上面是Adapter的构造方法，参数比较多，item是构造ListView的Item的列表，strings是用于显示的字符串（Item的资源文件中定义了多个横向排列的TextView），handler是用于向MainActiviy传递消息，数组列表texts用于维护item中的多个TextView控件。

定义一个内部类ViewHolder，方便操作Item中的控件：

public final class ViewHolder {
		public TextView text0, text1, text2, text3, text4, text5, text6, text7,
				text8, text9;
		private ArrayList<TextView> textViews = new ArrayList<TextView>();

		private void addTextView() {
			textViews.add(text0);
			textViews.add(text1);
			textViews.add(text2);
			textViews.add(text3);
			textViews.add(text4);
			textViews.add(text5);
			textViews.add(text6);
			textViews.add(text7);
			textViews.add(text8);
			textViews.add(text9);
		}
	}

对getView(,,)方法做修改，在返回convertView之前添加以下代码：

this.texts.add(holder.text0);
		this.texts.add(holder.text1);
		this.texts.add(holder.text2);
		this.texts.add(holder.text3);
		this.texts.add(holder.text4);
		this.texts.add(holder.text5);
		this.texts.add(holder.text6);
		this.texts.add(holder.text7);
		this.texts.add(holder.text8);
		this.texts.add(holder.text9);

方便在MainAvtivity中对Item中的控件进行修改。

ListView控件的Item的布局文件为：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal" >
    <TextView
        android:id="@+id/text0"
        android:layout_width="100dp"
        android:layout_height="50dp"
        android:clickable="true"
        android:gravity="center" />

    <TextView
        android:id="@+id/text1"
        android:layout_width="100dp"
        android:layout_height="50dp"
        android:clickable="true"
        android:gravity="center" />

    <TextView
        android:id="@+id/text2"
        android:layout_width="100dp"
        android:layout_height="50dp"
        android:clickable="true"
        android:gravity="center" />

    <TextView
        android:id="@+id/text3"
        android:layout_width="100dp"
        android:layout_height="50dp"
        android:clickable="true"
        android:gravity="center" />

    <TextView
        android:id="@+id/text4"
        android:layout_width="100dp"
        android:layout_height="50dp"
        android:clickable="true"
        android:gravity="center" />

    <TextView
        android:id="@+id/text5"
        android:layout_width="100dp"
        android:layout_height="50dp"
        android:clickable="true"
        android:gravity="center" />

    <TextView
        android:id="@+id/text6"
        android:layout_width="100dp"
        android:layout_height="50dp"
        android:clickable="true"
        android:gravity="center" />

    <TextView
        android:id="@+id/text7"
        android:layout_width="100dp"
        android:layout_height="50dp"
        android:clickable="true"
        android:gravity="center" />

    <TextView
        android:id="@+id/text8"
        android:layout_width="100dp"
        android:layout_height="50dp"
        android:clickable="true"
        android:gravity="center" />

    <TextView
        android:id="@+id/text9"
        android:layout_width="100dp"
        android:layout_height="50dp"
        android:clickable="true"
        android:gravity="center" />

</LinearLayout>

10个横向排列的TextView。以上是基本的要点，HorizontalScrollView提供一个横向的滑动，由于ListView中Item的修改是通过刷新实现的，所以，在给其Adapter的构造方法传入一个Handler对象，使MainActivity可以处理Item中的事件，修改数据，刷新ListView。后面的Demo中，是在Item中排列10个可点击的TextView，当点击第一个TextView之后，会隐藏掉最前面的TextView，后面的TextView自动前移。

Demo