`
lucky1603
  • 浏览: 7619 次
社区版块
存档分类
最新评论

listview分页(上一页,下一页效果)并支持过滤(一)

阅读更多

最近在做一个项目,经理要求查询出来的结果能够分页查看,是上一页 下一页的效果,且带过滤的功能,经过几天的奋斗,又是google又是百度,终于研究出来了,现在总结一下。

先上图,看下效果

 

先说一下分页,google “Android分页”,大部分都是滚动加载,而有上一页下一页效果的,网上很多都是同一个例子,就是data是一个String型的数组,在其最重要的getView()方法中,写得很让人看不懂,自己又参考了其它的例子,终于明白了,于是就有了以下的代码:

DsznzActivity代码:

 

public class DsznzActivity extends Activity {
	
	private ArrayList<HashMap<String, String>> listItem;
	private ListView list_ylfn;
	
        Button btnPre, btnNext;
	View.OnClickListener clickListener;
	
	// 用于显示每列5个Item项。
   	int VIEW_COUNT = 10;

	// 用于显示页号的索引
	int index = 0;

	 protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.list_ylfn);

		list_ylfn = (ListView) findViewById(R.id.listYlfn);
		btnPre = (Button) findViewById(R.id.btnPre);
		btnNext = (Button) findViewById(R.id.btnNext);

		listItem = new ArrayList<HashMap<String, String>>();

		HttpClient client = new DefaultHttpClient();
		HttpEntity entity = null;
		try {
			String uri = GetConnParams.getConnUri()
					+ "/phone_listYlfn?zgy.zgynum=" + zgynumLoged;
                //此处是从服务端获取数据,有些代码就省略了
			HttpPost request = new HttpPost(uri);
			HttpResponse response;
			response = client.execute(request);
			if (response.getStatusLine().getStatusCode() == 200) {
				entity = response.getEntity();
			}
			String json = EntityUtils.toString(entity, "UTF-8").trim();

			JSONArray array = new JSONArray(URLDecoder.decode(json, "utf-8"));
			for (int i = 0; i < array.length(); i++) {
				HashMap<String, String> map = new HashMap<String, String>();
				map.put("ylfn_did", array.getJSONObject(i).getString("did"));
				map.put("ylfn_name", array.getJSONObject(i).getString("name"));
				map.put("gmsfz", array.getJSONObject(i).getString("gmsfz"));
				listItem.add(map);
				tmpListItem.add(map);
			}
//			// 生成适配器的Item和动态数组对应的元素
//			SimpleAdapter listItemAdapter = new SimpleAdapter(this, listItem,// 数据源
//					R.layout.ylfn,// ListItem的XML实现
//					// 动态数组与ImageItem对应的子项
//					new String[] { "ylfn_did", "ylfn_name", "gmsfz" },
//					// ImageItem的XML文件里面的一个ImageView,两个TextView ID
//					new int[] { R.id.ylfn_did, R.id.ylfn_name, R.id.gmsfz });
//
			myAdapter=new MyAdapter(this);
			list_ylfn.setAdapter(myAdapter);
			
			clickListener = new Button.OnClickListener() {
				@Override
				public void onClick(View v) {
					// TODO Auto-generated method stub
					switch (v.getId()) {
					case R.id.btnPre:
						preView();
						break;
					case R.id.btnNext:
						nextView();
						break;
					}
				}

			};
			
			// 添加2个Button的监听事件。
			btnPre.setOnClickListener(clickListener);
			btnNext.setOnClickListener(clickListener);
			// 检查2个Button是否是可用的
			checkButton();

		} catch (ClientProtocolException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		} catch (IOException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		} catch (JSONException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}finally{        	
        	try {
        		if(entity!=null)
        			entity.consumeContent();
        		client.getConnectionManager().shutdown();
        	} catch (IOException e) {
        		// TODO Auto-generated catch block
        		e.printStackTrace();
        	}
        }		
	}

	
	// 点击左边的Button,表示向前翻页,索引值要减1.
	public void preView() {
		index--;

		// 刷新ListView里面的数值。
		myAdapter.notifyDataSetChanged();

		// 检查Button是否可用。
		checkButton();
	}

	// 点击右边的Button,表示向后翻页,索引值要加1.
	public void nextView() {
		index++;

		// 刷新ListView里面的数值。
		myAdapter.notifyDataSetChanged();

		// 检查Button是否可用。
		checkButton();
	}

	public void checkButton() {
		// 索引值小于等于0,表示不能向前翻页了,以经到了第一页了。
		// 将向前翻页的按钮设为不可用。
		if (index <= 0) {
			btnPre.setEnabled(false);
		}else{
			btnPre.setEnabled(true);
		}
		// 值的长度减去前几页的长度,剩下的就是这一页的长度,如果这一页的长度比View_Count小,表示这是最后的一页了,后面在没有了。
		// 将向后翻页的按钮设为不可用。
		if (listItem.size() - index * VIEW_COUNT <= VIEW_COUNT) {
			btnNext.setEnabled(false);
		}
		// 否则将2个按钮都设为可用的。
		else {
			btnNext.setEnabled(true);
		}

	}
	
	// ListView的Adapter,这个是关键的导致可以分页的根本原因。
	public class MyAdapter extends BaseAdapter {
		Activity activity;

		public MyAdapter(Activity a) {
			activity = a;
		}

		// 设置每一页的长度,默认的是View_Count的值。
		@Override
		public int getCount() {
			// TODO Auto-generated method stub
			// return data.length;

			// ori表示到目前为止的前几页的总共的个数。
			int ori = VIEW_COUNT * index;

			// 值的总个数-前几页的个数就是这一页要显示的个数,如果比默认的值小,说明这是最后一页,只需显示这么多就可以了
			if (listItem.size() - ori < VIEW_COUNT) {
				return listItem.size() - ori;
			}
			// 如果比默认的值还要大,说明一页显示不完,还要用换一页显示,这一页用默认的值显示满就可以了。
			else {
				return VIEW_COUNT;
			}

		}

		@Override
		public Object getItem(int position) {
			// TODO Auto-generated method stub
			return position;
		}

		@Override
		public long getItemId(int position) {
			// TODO Auto-generated method stub
			return position;
		}

                //重点是getView方法
		@Override
		public View getView(int position, View convertView, ViewGroup parent) {
			// TODO Auto-generated method stub
						// return addTestView(position);
			convertView = LayoutInflater.from(getApplicationContext()).inflate(R.layout.ylfn,null);
			TextView ylfn_did_view = (TextView)convertView.findViewById(R.id.ylfn_did);
			TextView ylfn_name_view = (TextView)convertView.findViewById(R.id.ylfn_name);
			TextView ylfn_gmsfz_view = (TextView)convertView.findViewById(R.id.gmsfz);
			ylfn_did_view.setText(listItem.get(position + index * VIEW_COUNT).get("ylfn_did"));
			ylfn_name_view.setText(listItem.get(position + index * VIEW_COUNT).get("ylfn_name"));
			ylfn_gmsfz_view.setText(listItem.get(position + index * VIEW_COUNT).get("gmsfz"));
			return convertView;
		}
	}
}

 list_ylfn.xml代码:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" 
    android:background="@drawable/beijing">

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="36dp"
        android:gravity="center"
        android:orientation="horizontal" 
        android:layout_marginTop="44dip">

        <TextView
        android:layout_width="40dp"
        android:layout_height="36dp"
            android:gravity="center"
            android:text="编号"
            android:textSize="12sp" />

        <TextView
        android:layout_width="160dp"
        android:layout_height="36dp"
            android:gravity="center"
            android:text="姓名"
            android:textSize="12sp" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="36dp"
            android:gravity="center"
            android:text="身份证号"
            android:textSize="12sp" />
    </LinearLayout>
    
    <ListView android:id="@+id/listYlfn"
        android:layout_width="wrap_content"
		android:layout_height="wrap_content"
		android:layout_marginTop="88dp" 
		android:layout_marginBottom="32dip"
		android:textFilterEnabled="true">    
    </ListView>

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="32dip"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:gravity="center"
        android:orientation="horizontal" >

        <Button
            android:id="@+id/btnPre"
            android:layout_width="80dip"
            android:layout_height="32dip"
            android:text="上一页"
            android:textSize="12sp" />

        <Button
            android:id="@+id/btnNext"
            android:layout_width="80dip"
            android:layout_height="32dip"
            android:layout_marginLeft="20dip"
            android:text="下一页"
            android:textSize="12sp" />
    </LinearLayout>

</RelativeLayout>

 

ylfn.xml代码:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:gravity="center">
    <TextView android:text="编号"
        android:layout_width="40dp"
        android:layout_height="36dp"
        android:id="@+id/ylfn_did"
        android:gravity="center"
        android:textSize="12sp"
        android:textColor="#000000"/>
    <TextView android:text="姓名"
        android:layout_width="80dp"
        android:layout_height="36dp"
        android:id="@+id/ylfn_name"
        android:gravity="center"
        android:textSize="12sp"
        android:textColor="#000000"/>
    <TextView android:text="身份证号"
        android:layout_width="wrap_content"
        android:layout_height="36dp"
        android:id="@+id/gmsfz"
        android:gravity="center"
        android:textSize="12sp"
        android:textColor="#000000"/>
</LinearLayout>

 

 

分享到:
评论
1 楼 qianguming 2013-12-18  
要是能给个demo可以下载就好了

相关推荐

    WPF-MVVM分页功能例子

    这可以通过绑定到视图模型的属性实现,如页码文本框和“上一页”、“下一页”按钮的命令。按钮的样式可以通过模板进行自定义,以匹配应用程序的外观。 5. 更新数据: 当用户点击分页按钮时,视图模型中的...

    漂亮强大的分页控件

    在网页或桌面应用程序中,常见的分页控件通常包含“上一页”、“下一页”按钮,以及显示当前页数和总页数的选项。 "灵活的分页控件"意味着该控件具有高度可配置性,可以适应各种场景。它可能支持动态改变每页显示的...

    asp.net写的分页类

    5. **导航链接生成**:根据总页数,生成用于导航的链接,通常包括“上一页”、“下一页”和页码跳转等。 6. **事件处理**:处理用户点击分页链接时的事件,更新页面参数并重新加载数据。 7. **性能优化**:为了...

    winform分页控件

    在Windows Forms(Winform)开发中,为了处理大量数据并提高用户界面的可操作性,分页控件是一个必不可少的组件。"winform分页控件"是专门为Winform应用程序设计的一种工具,它允许用户以分页的方式查看数据,而不是...

    自定义分页源程序

    5. 用户界面:在页面设计(例如`default.aspx`)中,你需要创建分页导航元素,如页码链接或下一页/上一页按钮。这些元素的点击事件会触发后台的分页逻辑,更新分页参数并重新加载数据。 6. 回调和异步处理:为了...

    VC大数据量的分页显示

    分页技术将大数据集分割成较小、更易管理的部分,每次只加载一页的数据,用户可以通过页码或导航按钮在不同页面间切换。这样既能保持应用的流畅性,又能提供足够的信息供用户查看和操作。 在VC++(Visual C++)环境...

    asp.net分页 类似百度 的分页

    考虑到用户体验,可以添加“首页”、“上一页”、“下一页”和“末页”按钮,以及显示总页数和当前页的功能。百度风格的分页通常还包括快速跳转到特定页的功能,用户可以直接输入页码并跳转。 6. **动态调整分页...

    Django的ListView超详细用法(含分页paginate)

    上一页 {% endif %} 第 {{ page_obj.number }} 页 / 共 {{ paginator.num_pages }} 页 {% if page_obj.has_next %} 下一页 {% endif %} ``` 通过以上讲解,你应该对Django ListView有了深入的理解...

    分页读取手机通讯录联系人

    本文将深入探讨如何在Android平台上实现分页读取手机通讯录联系人信息,并将其展示给用户。 首先,我们需要了解Android系统中的联系人API。Android提供了ContentProvider接口来访问系统的联系人数据,通过...

    android读取sdcard的txt文件,翻书的效果

    在Android平台上,开发一款应用来实现从SDCard中读取TXT文件并展示为翻书效果,需要涉及到多个技术层面。以下将详细介绍这个过程中的关键知识点: 1. **Android权限管理**: 在Android中,访问外部存储(如SDCard...

Global site tag (gtag.js) - Google Analytics