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自动前移。