使用HorizontalScrollView 实现ListView横向滑动

来源:互联网 发布:无线有限制的网络连接 编辑:程序博客网 时间:2024/05/01 14:55

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






0 0
原创粉丝点击