Android listview怎么实现滚动分页
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Android listview怎么实现滚动分页相关的知识,希望对你有一定的参考价值。
通常这也分为两种方式,一种是设置一个按钮,用户点击即加载。另一种是当用户滑动到底部时自动加载。今天我就和大家分享一下这个功能的实现。首先,写一个xml文件,moredata.xml,该文件即定义了放在listview底部的视图:
<?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="vertical" >
<Button
android:id="@+id/bt_load"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="加载更多数据" />
<ProgressBar
android:id="@+id/pg"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:visibility="gone"
/>
</LinearLayout>
可以看到是一个按钮和一个进度条。因为只做一个演示,这里简单处理,通过设置控件的visibility,未加载时显示按钮,加载时就显示进度条。
写一个item.xml,大家应该很熟悉了。用来定义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="vertical" >
<TextView
android:id="@+id/tv_title"
android:textSize="20sp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="5dp"
/>
<TextView
android:textSize="12sp"
android:id="@+id/tv_content"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="5dp"
/>
</LinearLayout>
main.xml就不贴了,整个主界面就一个listview。
直接先看下Activity的代码,在里面实现分页效果。
package com.notice.moredate;
import java.util.ArrayList;
import java.util.HashMap;
import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.AbsListView;
import android.widget.AbsListView.OnScrollListener;
import android.widget.Button;
import android.widget.ListView;
import android.widget.ProgressBar;
import android.widget.SimpleAdapter;
import android.widget.Toast;
public class MoreDateListActivity extends Activity implements OnScrollListener
// ListView的Adapter
private SimpleAdapter mSimpleAdapter;
private ListView lv;
private Button bt;
private ProgressBar pg;
private ArrayList<HashMap<String,String>> list;
// ListView底部View
private View moreView;
private Handler handler;
// 设置一个最大的数据条数,超过即不再加载
private int MaxDateNum;
// 最后可见条目的索引
private int lastVisibleIndex;
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState)
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
MaxDateNum = 22; // 设置最大数据条数
lv = (ListView) findViewById(R.id.lv);
// 实例化底部布局
moreView = getLayoutInflater().inflate(R.layout.moredate, null);
bt = (Button) moreView.findViewById(R.id.bt_load);
pg = (ProgressBar) moreView.findViewById(R.id.pg);
handler = new Handler();
// 用map来装载数据,初始化10条数据
list = new ArrayList<HashMap<String,String>>();
for (int i = 0; i < 10; i++)
HashMap<String, String> map = new HashMap<String, String>();
map.put("ItemTitle", "第" + i + "行标题");
map.put("ItemText", "第" + i + "行内容");
list.add(map);
// 实例化SimpleAdapter
mSimpleAdapter = new SimpleAdapter(this, list, R.layout.item,
new String[] "ItemTitle", "ItemText" ,
new int[] R.id.tv_title, R.id.tv_content );
// 加上底部View,注意要放在setAdapter方法前
lv.addFooterView(moreView);
lv.setAdapter(mSimpleAdapter);
// 绑定监听器
lv.setOnScrollListener(this);
bt.setOnClickListener(new OnClickListener()
@Override
public void onClick(View v)
pg.setVisibility(View.VISIBLE);// 将进度条可见
bt.setVisibility(View.GONE);// 按钮不可见
handler.postDelayed(new Runnable()
@Override
public void run()
loadMoreDate();// 加载更多数据
bt.setVisibility(View.VISIBLE);
pg.setVisibility(View.GONE);
mSimpleAdapter.notifyDataSetChanged();// 通知listView刷新数据
, 2000);
);
private void loadMoreDate()
int count = mSimpleAdapter.getCount();
if (count + 5 < MaxDateNum)
// 每次加载5条
for (int i = count; i < count + 5; i++)
HashMap<String, String> map = new HashMap<String, String>();
map.put("ItemTitle", "新增第" + i + "行标题");
map.put("ItemText", "新增第" + i + "行内容");
list.add(map);
else
// 数据已经不足5条
for (int i = count; i < MaxDateNum; i++)
HashMap<String, String> map = new HashMap<String, String>();
map.put("ItemTitle", "新增第" + i + "行标题");
map.put("ItemText", "新增第" + i + "行内容");
list.add(map);
@Override
public void onScroll(AbsListView view, int firstVisibleItem,
int visibleItemCount, int totalItemCount)
// 计算最后可见条目的索引
lastVisibleIndex = firstVisibleItem + visibleItemCount - 1;
// 所有的条目已经和最大条数相等,则移除底部的View
if (totalItemCount == MaxDateNum + 1)
lv.removeFooterView(moreView);
Toast.makeText(this, "数据全部加载完成,没有更多数据!", Toast.LENGTH_LONG).show();
@Override
public void onScrollStateChanged(AbsListView view, int scrollState)
// 滑到底部后自动加载,判断listview已经停止滚动并且最后可视的条目等于adapter的条目
if (scrollState == OnScrollListener.SCROLL_STATE_IDLE
&& lastVisibleIndex == mSimpleAdapter.getCount())
// 当滑到底部时自动加载
// pg.setVisibility(View.VISIBLE);
// bt.setVisibility(View.GONE);
// handler.postDelayed(new Runnable()
//
// @Override
// public void run()
// loadMoreDate();
// bt.setVisibility(View.VISIBLE);
// pg.setVisibility(View.GONE);
// mSimpleAdapter.notifyDataSetChanged();
//
//
// , 2000);
参考技术A 见范例吧: package com.test; import android.app.ListActivity; import android.os.Bundle; importandroid.os.Handler; import android.view.Gravity; import android.view.View; import android.view.ViewGroup; import android.widget.AbsL... 参考技术B 通常这也分为两种方式,一种是设置一个按钮,用户点击即加载。另一种是当用户滑动到底部时自动加载
Android中使用ListView实现分页刷新(线程休眠模拟)(滑动加载列表)
当要显示的数据过多时,为了更好的提升用户感知,在很多APP中都会使用分页刷新显示,比如浏览新闻,向下滑动到当前ListView的最后一条信息(item)时,会提示刷新加载,然后加载更新后的内容。此过程大致分以下几步:
1.当前Activity implements OnScallListenner;
2.实现接口的方法;
3.ListView注册滚动监听;
4. Adapter(自定义或者安卓自带)为每个item填充数据;
5.获得第二页以后的数据后,adater增加数据并刷新notifyDateSetChanged();(需要用到Handler)
现在我们就通过线程休眠的的方式模拟ListView页面刷新的实现(每次加载10条信息,向下滑动会分页刷新加载)
显示效果(设置显示十条后开启刷新,添加使用AlertDialog浏览示例):
Layout中ListView布局activity_main.xml文件:
1 <?xml version="1.0" encoding="utf-8"?>
2 <RelativeLayout
3 xmlns:android="http://schemas.android.com/apk/res/android"
4 xmlns:tools="http://schemas.android.com/tools"
5 android:id="@+id/activity_main"
6 android:layout_width="match_parent"
7 android:layout_height="match_parent"
8 tools:context="com.example.administrator.day08.MainActivity">
9 <ListView
10 android:id="@+id/lv"
11 android:layout_width="match_parent"
12 android:layout_height="match_parent"
13 android:layout_alignParentTop="true"
14 android:layout_alignParentStart="true" />
15 </RelativeLayout>
Layout中item(填充ListView每行)布局item.xml文件:
1 <?xml version="1.0" encoding="utf-8"?>
2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3 android:orientation="vertical" android:layout_width="match_parent"
4 android:layout_height="match_parent">
5 <TextView
6 android:text="Tile"
7 android:textSize="30dp"
8 android:layout_width="match_parent"
9 android:layout_height="wrap_content"
10 android:id="@+id/textView" />
11 <TextView
12 android:text="Message"
13 android:textSize="20dp"
14 android:layout_width="match_parent"
15 android:layout_height="wrap_content"
16 android:id="@+id/textView2" />
17 </LinearLayout>
Layout中页面刷新提示布局(页脚)login_item.xml文件:
1 <?xml version="1.0" encoding="utf-8"?>
2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3 android:orientation="horizontal" android:layout_width="match_parent"
4 android:layout_height="match_parent" android:gravity="center">
5 <ProgressBar
6 style="?android:attr/progressBarStyle"
7 android:layout_width="wrap_content"
8 android:layout_height="wrap_content"
9 android:layout_gravity="center"
10 android:id="@+id/progressBar" />
11 <TextView
12 android:text="玩命加载中"
13 android:layout_width="wrap_content"
14 android:layout_height="wrap_content"
15 android:id="@+id/textView3" />
16 </LinearLayout>
Java中自定义对象类(每条新闻有对应的标题以及内容)
1 public class News {
2 String title;
3 String message;
4 }
Java中功能实现类(通过实现OnScrollListener接口)
1 import android.content.DialogInterface;
2 import android.os.Handler;
3 import android.os.Message;
4 import android.support.v7.app.AlertDialog;
5 import android.support.v7.app.AppCompatActivity;
6 import android.os.Bundle;
7 import android.view.View;
8 import android.view.ViewGroup;
9 import android.widget.AbsListView;
10 import android.widget.AdapterView;
11 import android.widget.BaseAdapter;
12 import android.widget.ListView;
13 import android.widget.TextView;
14 import java.util.ArrayList;
15 import java.util.List;
16 /**
17 * Created by panchengjia on 2016/11/29.
18 */
19 public class MainActivity extends AppCompatActivity implements AbsListView.OnScrollListener{
20 private ListView lv;
21 private List<News> news;//声明存储新闻标题与内容的List
22 private int total=1;//计数器(设置默认从1开始)用于集合内数据初始化
23 MyAdapter adapter;
24 @Override
25 protected void onCreate(Bundle savedInstanceState) {
26 super.onCreate(savedInstanceState);
27 setContentView(R.layout.activity_main);
28 lv= (ListView) findViewById(R.id.lv);
29 //为当前ListView设置OnScrollListener实现分页刷新
30 lv.setOnScrollListener(this);
31 //将login_item(下拉刷新效果的item)通过布局 填充器声明
32 View v = getLayoutInflater().inflate(R.layout.login_item,null);
33 //将login_item设置到ListView页脚
34 lv.addFooterView(v);
35 //实例化存储内容资源的List
36 news = new ArrayList<>();
37 //调用初始化List的方法
38 initList();
39 adapter = new MyAdapter();
40 //设置单击item的事件
41 lv.setOnItemClickListener(new AdapterView.OnItemClickListener() {
42 @Override
43 public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
44 show(view);//事件处理为调用show方法(显示AlertDialog对话框)
45 }
46 });
47 lv.setAdapter(adapter);
48 }
49 //AlertDialog对话框的调用这里就不多说了,前期有专门的博文解释
50 public void show(View v){
51 AlertDialog.Builder builder = new AlertDialog.Builder(this);
52 TextView title = (TextView) v.findViewById(R.id.textView);
53 TextView message = (TextView) v.findViewById(R.id.textView2);
54 builder.setTitle(title.getText().toString());
55 builder.setMessage(message.getText().toString());
56 builder.setPositiveButton("已经浏览完毕", new DialogInterface.OnClickListener() {
57 @Override
58 public void onClick(DialogInterface dialog, int which) {
59
60 }
61 });
62 builder.show();
63 }
64 //初始化List内的元素,模拟每次可刷新10条信息
65 private void initList() {
66 for(int i=1;i<=10;i++){
67 News n = new News();
68 //加total是因为total在刷新页面后不会继续从一开始
69 n.title = "Title--"+total;
70 n.message="Message"+total;
71 news.add(n);
72 total++;
73 }
74 }
75 // int currenVisibleItemCount;//声明截止当前页面看到的item总数(演示用)
76 boolean isLastRow=false;//判断是否到ListView的最后一个item
77 @Override
78 public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
79 //firstVisibleItem位可见页面的第一条在Arraylist中的下标,visibleItemCount为当前页面item数
80 // currenVisibleItemCount = firstVisibleItem+visibleItemCount-1=totalItemCount;(演示用)
81 if(firstVisibleItem+visibleItemCount==totalItemCount&&totalItemCount>0){
82 isLastRow=true;//判断已经到最后一个item(即为footerView)
83 }
84 }
85 @Override
86 public void onScrollStateChanged(AbsListView view, int scrollState) {
87 /*判断是否刷新页面之前,解释一下scrollState的三种状态
88 * 1.scrollState = SCROLL_STATE_TOUCH_SCROLL为手指按住屏幕滚动(未脱离屏幕);
89 * 2.scrollState = SCROLL_STATE_FLING可以理解为手指离开屏幕前,用力滑了一下,
90 * 手指离开后,页面已然保持滚动;
91 * 3.scrollState = SCROLL_STATE_IDLE手指未接触屏幕,且屏幕页面保持静止
92 * 开启刷新页面的线程前,确保ListView已经到最后一行(Item)并且屏幕页面保持静止
93 * */
94 if(isLastRow&&scrollState==SCROLL_STATE_IDLE){
95 new Thread(new MyThread()).start();
96 }
97 }
98 //创建分页刷新线程(模拟刷新)
99 class MyThread implements Runnable{
100
101 @Override
102 public void run() {
103 try {
104 Thread.sleep(500);//设置线程休眠时间为500毫秒刷新一次
105 } catch (InterruptedException e) {
106 e.printStackTrace();
107 }
108 initList();//重新初始化List
109 //线程内调用Handler执行页面刷新(后面会写文对handler进行详细剖析)
110 handler.sendEmptyMessage(1);
111 }
112 }
113 Handler handler = new Handler(){
114 @Override
115 public void handleMessage(Message msg) {
116 super.handleMessage(msg);
117 switch (msg.what){
118 case 1:
119 //强制调用适配器的getView来刷新每个Item的内容。
120 adapter.notifyDataSetChanged();
121 break;
122 }
123 }
124 };
125 //自定义适配器
126 class MyAdapter extends BaseAdapter{
127 @Override
128 public int getCount() {
129 return news.size();
130 }
131 @Override
132 public Object getItem(int position) {
133 return news.get(position);
134 }
135 @Override
136 public long getItemId(int position) {
137 return position;
138 }
139 @Override
140 public View getView(int position, View convertView, ViewGroup parent) {
141 ViewHolder vh;
142 if(convertView==null){
143 convertView = getLayoutInflater().inflate(R.layout.item,null);
144 vh=new ViewHolder();
145 vh.message = (TextView) convertView.findViewById(R.id.textView2);
146 vh.title= (TextView) convertView.findViewById(R.id.textView);
147 convertView.setTag(vh);
148 }
149 vh= (ViewHolder) convertView.getTag();
150 vh.title.setText(news.get(position).title);
151 vh.message.setText(news.get(position).message);
152 return convertView;
153 }
154 class ViewHolder{
155 TextView title;
156 TextView message;
157 }
158 }
159 }
至此ListView的分页刷新源码已全部展示完成,个人认为实现此功能的核心为判断是否达到当前ListView中的最后一条item(包含页脚刷新提示)以及理解scrollState的状态,理解了这两点,该功能的实现起来事半功倍。
以上是关于Android listview怎么实现滚动分页的主要内容,如果未能解决你的问题,请参考以下文章
Android中使用ListView实现分页刷新(线程休眠模拟)(滑动加载列表)
善用 FetchMore GQL 实现无限滚动分页 ListView with Flutter