Android ListView专题之十二 分页不同的解决方案
Android ListView专题之十二 分页不同的解决方案
(2011-12-15 11:51:51)
转载▼
标签： androidlistview分页it |
分类： Android技术 |
方法一
问题
ListView 内容循环显示大家试想 假如ListView待显示的数据很庞大 从0-100 如果按照ListView默认行为 用户要找到50记录 可能要滚动很久 这显然会影响用户体验 本文的宗旨：解决这一问题
思路
1. 自定义BaseAdapter
2. 其 getCount() 返回一个固定值 比如：5 那么ListView就会只显示5个记录
3. 其 getView() 必须返回0-100记录 但需要分批显示 那如何实现呢？
定义 int index = 0; 用于记录显示当前数据的次序 用户显示下批数据 那么index++ 反之 显示以前 就index-
遗留问题
1. 当数据已经取到最后一批 那么应该使"向下翻页"Button 反白 即：不可单击
2. 同理 若此前目标是第一批数据 "向上翻页"Button 也应该反白
Java代码
public class ItemAdapter extends BaseAdapter {
Activity a;
String[] data = {
//.......
};
@Override
public int getCount()
{
// TODO Auto-generated method stub
return 5;
}
@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;
}
@Override
public View getView(int position, View convertView, ViewGroup parent)
{
// TODO Auto-generated method stub
TextView tv = new TextView(a);
tv.setText(data[position+index*VIEW_COUNT]);
return null;
}
}
public class ListMoreTest extends Activity {
ListView lv;
Button btnLeft, btnRight;
View.OnClickListener cl;
MoreAdapter ma;
String[] data = {"0","1","2","3","4","5","6","7","8","9","10",
…..};
int VIEW_COUNT = 5;
int index = 0;
@Override
public void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
initView();
ma = new MoreAdapter(this);
lv.setAdapter(ma);
cl = new Button.OnClickListener()
{
@Override
public void onClick(View v)
{
// TODO Auto-generated method stub
switch(v.getId())
{
case R.id.btnLeft:
leftView();
break;
case R.id.btnRight:
rightView();
break;
}
}
};
btnLeft.setOnClickListener(cl);
btnRight.setOnClickListener(cl);
checkButton();
}
public void initView()
{
lv = (ListView)findViewById(R.id.list);
btnLeft = (Button)findViewById(R.id.btnLeft);
btnRight = (Button)findViewById(R.id.btnRight);
}
public void leftView()
{
index--;
ma.notifyDataSetChanged();
checkButton();
}
public void rightView()
{
index++;
ma.notifyDataSetChanged();
checkButton();
}
public void checkButton()
{
if(index <=0)
{
btnLeft.setEnabled(false);
}
else
if(data.length - index*VIEW_COUNT <= VIEW_COUNT)
{
btnRight.setEnabled(false);
}
else
{
btnLeft.setEnabled(true);
btnRight.setEnabled(true);
}
}
}
方法二
Android应用开发中，采用ListView组件来展示数据是很常用的功能，当一个应用要展现很多的数据时，一般情况下都不会把所有的数据一次就展示出来，而是通过分页的形式来展示数据，个人觉得这样会有更好的用户体验。因此，很多应用都是采用分批次加载的形式来获取用户所需的数据。例如：微博客户端可能会在用户滑动至列表底端时自动加载下一页数据，也可能在底部放置一个"查看更多"按钮，用户点击后，加载下一页数据
com.andyidea.bean中News.java类是新闻实体类，包com.andyidea.listview中paginationListViewActivity.java类是用来展示ListView列表。布局layout中包含三个布局文件，分别为：list_item.xml ， loadmore.xml ， main.xml 。下面分别贴下源码：
layout中的 list_item.xml源码：
view plain
1. <span style="font-size:13px;"><?xml version="1.0" encoding="utf-8"?>
2. <LinearLayout
3. xmlns:android="http://schemas.android.com/apk/res/android"
4. android:layout_width="fill_parent"
5. android:layout_height="fill_parent"
6. android:orientation="vertical">
7. <TextView
8. android:id="@+id/newstitle"
9. android:layout_width="fill_parent"
10. android:layout_height="wrap_content"/>
11. <TextView
12. android:id="@+id/newscontent"
13. android:layout_width="fill_parent"
14. android:layout_height="wrap_content"/>
15. </LinearLayout></span>
layout中loadmore.xml源码：
view plain
1. <?xml version="1.0" encoding="utf-8"?>
2. <LinearLayout
3. xmlns:android="http://schemas.android.com/apk/res/android"
4. android:layout_width="fill_parent"
5. android:layout_height="fill_parent">
6. <Button
7. android:id="@+id/loadMoreButton"
8. android:layout_width="fill_parent"
9. android:layout_height="wrap_content"
10. android:text="查看更多..." />
11. </LinearLayout>
layout中main.xml源码：
1. <?xml version="1.0" encoding="utf-8"?>
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3. android:orientation="vertical"
4. android:layout_width="fill_parent"
5. android:layout_height="fill_parent">
6. <ListView
7. android:id="@+id/lvNews"
8. android:layout_width="fill_parent"
9. android:layout_height="wrap_content"/>
10. </LinearLayou
包 com.andyidea.bean中News.java类源码：
1.
public class News {
2.
3. private String title;
//标题
4. private String content;
//内容
5.
6. public String getTitle() {
7. return title;
8. }
9. public void setTitle(String title) {
10. this.title = title;
11. }
12. public String getContent() {
13. return content;
14. }
15. public void setContent(String content) {
16. this.content = content;
17. }
18.
19. }
包com.andyidea.listview中paginationListViewActivity.java类源码：
2.
public class PaginationListViewActivity extends Activity implements OnScrollListener {
3.
4. private ListView listView;
5. private int visibleLastIndex = 0;
//最后的可视项索引
6. private int visibleItemCount;
// 当前窗口可见项总数
7. private int datasize = 38;
//模拟数据集的条数
8. private PaginationAdapter adapter;
9. private View loadMoreView;
10. private Button loadMoreButton;
11. private Handler handler = new Handler();
14. @Override
15.
public void onCreate(Bundle savedInstanceState) {
16. super.onCreate(savedInstanceState);
17. setContentView(R.layout.main);
18.
19. loadMoreView = getLayoutInflater().inflate(R.layout.loadmore, null);
20. loadMoreButton = (Button)loadMoreView.findViewById(R.id.loadMoreButton);
21. loadMoreButton.setOnClickListener(new View.OnClickListener() {
22.
23. @Override
24. public void onClick(View v) {
25. loadMoreButton.setText("正在加载中...");
//设置按钮文字
26. handler.postDelayed(new Runnable() {
27.
28. @Override
29. public void run() {
30. loadMoreData();
31. adapter.notifyDataSetChanged();
32. loadMoreButton.setText("查看更多...");
//恢复按钮文字
33. }
34. },2000);
35.
36. }
37. });
38.
39. listView = (ListView)findViewById(R.id.lvNews);
40. listView.addFooterView(loadMoreView);
//设置列表底部视图
41. initializeAdapter();
42. listView.setAdapter(adapter);
43. listView.setOnScrollListener(this);
44. }
45.
46. @Override
47.
public void onScrollStateChanged(AbsListView view, int scrollState) {
48. int itemsLastIndex = adapter.getCount()-1;
//数据集最后一项的索引
49. int lastIndex = itemsLastIndex + 1;
50. if (scrollState == OnScrollListener.SCROLL_STATE_IDLE
51. && visibleLastIndex == lastIndex) {
52.
// 如果是自动加载,可以在这里放置异步加载数据的代码
53. }
54. }
55.
56.
57. @Override
58. public void onScroll(AbsListView view, int firstVisibleItem,
59. int visibleItemCount, int totalItemCount) {
60. this.visibleItemCount = visibleItemCount;
61. visibleLastIndex = firstVisibleItem + visibleItemCount - 1;
62.
63. Log.e("========================= ","========================");
64. Log.e("firstVisibleItem = ",firstVisibleItem+"");
65. Log.e("visibleItemCount = ",visibleItemCount+"");
66. Log.e("totalItemCount = ",totalItemCount+"");
67. Log.e("========================= ","========================");
68.
69.
//如果所有的记录选项等于数据集的条数，则移除列表底部视图
70. if(totalItemCount == datasize+1){
71. listView.removeFooterView(loadMoreView);
72. Toast.makeText(this, "数据全部加载完!", Toast.LENGTH_LONG).show();
73. }
74. }
75.
76.
79.
private void initializeAdapter(){
80. List<News> newnews = new ArrayList<News>();
81. for(int i=1;i<=10;i++){
82. News items = new News();
83. items.setTitle("Title"+i);
84. items.setContent("This is News Content"+i);
85. news.add(items);
86. }
87. adapter = new PaginationAdapter(news);
88. }
89.
90.
93.
private void loadMoreData(){
94. int count = adapter.getCount();
95.
96. if(count+10 <= datasize){
97. for(int i=count+1; i<=count+10; i++){
98. News item = new News();
99. item.setTitle("Title"+i);
100. item.setContent("This is News Content"+i);
101. adapter.addNewsItem(item);
102. }
103. }else{
104. for(int i=count+1; i<=datasize; i++){
105. News item = new News();
106. item.setTitle("Title"+i);
107. item.setContent("This is News Content"+i);
108. adapter.addNewsItem(item);
109. }
110. }
111.
112. }
113.
114.
115.
class PaginationAdapter extends BaseAdapter{
116.
117. List<News> newsItems;
118.
119.
public PaginationAdapter(List<News> newsitems){
120. this.newsItems = newsitems;
121. }
122.
123. @Override
124.
public int getCount() {
125. return newsItems.size();
126. }
127.
128. @Override
129.
public Object getItem(int position) {
130. return newsItems.get(position);
131. }
132.
133. @Override
134.
public long getItemId(int position) {
135. return position;
136. }
137.
138. @Override
139.
public View getView(int position, View view, ViewGroup parent) {
140. if(view == null){
141. view = getLayoutInflater().inflate(R.layout.list_item, null);
142. }
143.
144.
//新闻标题
145. TextView tvTitle = (TextView)view.findViewById(R.id.newstitle);
146. tvTitle.setText(newsItems.get(position).getTitle());
147.
//新闻内容
148. TextView tvContent = (TextView)view.findViewById(R.id.newscontent);
149. tvContent.setText(newsItems.get(position).getContent());
150.
151. return view;
152. }
153.
154.
158.
public void addNewsItem(News newsitem){
159. newsItems.add(newsitem);
160. }
161.
162. }
163.
164. }
最后，运行程序的结果截图如下：
通过上面的截图，当我们点击"查看更多..."按钮时，就会加载下10条记录，当加载完所有的记录后，ListView的底部视图将会移除。
方法三
Android market里软件列表，每页显示10条记录，没有显示上一页，下一页的按钮，依靠手滑动动态加载数据，当向下滚动时，最下边显示 Loading… 。数据加载结束，Loading底栏消失。
关于ListView的分段显示，有现成的库可用，比如 cwac-endless, 这个库不好之处，就是底部Loading的View无法定制。还有一个在google code上的androidpageablelistview 这个可以实现基本的分页，有手动操作显示上一页，下一页的按钮。
查阅了很多资料，发现其实ListView自带一个实现分页加载的方法，用到addFooterView/removeView 这两个函数“添加”或“去掉“ListView页脚。下面是一个研究ListView分页时做的一个Demo，比较简单，我把思路我源码和大家分享一下，希望对大家有所帮助
实现思路如下：
用onScroll方法实现”滑动“后处理检查是否还有新的记录，如果有，调用addFooterView，添加记录到adapter, adapter调用 notifyDataSetChanged 更新数据;如果没有记录了， 把自定义的mFooterView去掉。这里没有重写onScrollStateChanged函数，那么在onScroll就需要一个外部变量mFirstCell记录滑动位置。
public class MainActivity extends ListActivity implements OnScrollListener {
private static final String TAG = "MainActivity";
private listViewAdapter adapter = new listViewAdapter();
ListView listView ;
private int lastItem = 0;
LinearLayout loadingLayout;
private LayoutParams mLayoutParams =new
LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT,
LinearLayout.LayoutParams.WRAP_CONTENT);
private LayoutParams FFlayoutParams =new
LinearLayout.LayoutParams(LinearLayout.LayoutParams.FILL_PARENT,
LinearLayout.LayoutParams.FILL_PARENT);
private ProgressBar progressBar;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
Log.i(TAG, "onCreate(Bundle savedInstanceState)>>>>>>>>>>>>>>>" );
//线性布局
LinearLayout layout = new LinearLayout(this);
//设置布局 水平方向
layout.setOrientation(LinearLayout.HORIZONTAL);
//进度条
progressBar = new ProgressBar(this);
//进度条显示位置
progressBar.setPadding(0, 0, 15, 0);
//把进度条加入到layout中
layout.addView(progressBar, mLayoutParams);
//文本内容
TextView textView = new TextView(this);
textView.setText("加载中...");
textView.setGravity(Gravity.CENTER_VERTICAL);
//把文本加入到layout中
layout.addView(textView, FFlayoutParams);
//设置layout的重力方向，即对齐方式是
layout.setGravity(Gravity.CENTER);
//设置ListView的页脚layout
loadingLayout = new LinearLayout(this);
loadingLayout.addView(layout, mLayoutParams);
loadingLayout.setGravity(Gravity.CENTER);
//得到一个ListView用来显示条目
listView = getListView();
//添加到脚页显示
listView.addFooterView(loadingLayout);
//给ListView添加适配器
setListAdapter(adapter);
//给ListView注册滚动监听
listView.setOnScrollListener(this);
}
@Override
public void onScroll(AbsListView v, int firstVisibleItem,
int visibleItemCount, int totalItemCount)
{
Log.i(TAG , "Scroll>>>first: " + firstVisibleItem + ", visible: " + visibleItemCount + ", total: " + totalItemCount);
lastItem = firstVisibleItem + visibleItemCount - 1;
Log.i(TAG , "Scroll>>>lastItem:" + lastItem);
//显示50条ListItem，即0-49，因为onScroll是在“滑动”执行过之后才触发，所以用adapter.count<=
41 作条件
if (adapter.count<=41) {
if (firstVisibleItem+visibleItemCount==totalItemCount)
{
adapter.count += 10;
adapter.notifyDataSetChanged();
listView.setSelection(lastItem);
int currentPage=adapter.count/10;
Toast.makeText(getApplicationContext(), "第"+currentPage+"页", Toast.LENGTH_LONG).show();
}
}
else
{
listView.removeFooterView(loadingLayout);
}
}
@Override
public void onScrollStateChanged(AbsListView v, int state)
{
if (lastItem == adapter.count && state == OnScrollListener.SCROLL_STATE_IDLE)
{
Log.i(TAG,"ScrollStateChanged>>>state:"+state+"lastItem:" + lastItem);
//显示50条ListItem，即0-49，因为onScrollStateChanged是在“拖动滑动”执行过之后才触发，所以
用 adapter.count<=41作条件
if (adapter.count<=41)
{
adapter.count += 10;
adapter.notifyDataSetChanged();
}
}
}
class listViewAdapter extends BaseAdapter {
int count = 10;
public int getCount()
{
Log.i(TAG, "getCount>>>count:" + count);
return count;
}
public Object getItem(int pos)
{
Log.i(TAG, "getItem>>>pos:" + pos);
return pos;
}
public long getItemId(int pos)
{
Log.i(TAG, "getItemId>>>ItemId:" + pos);
return pos;
}
public View getView(int pos, View v, ViewGroup p)
{
Log.i(TAG, "getView>>>pos:" + pos);
TextView view;
if (v==null)
{
view = new TextView(MainActivity.this);
}
else
{
view=(TextView)v;
}
view.setText("ListItem " + pos);
view.setTextSize(20f);
view.setGravity(Gravity.CENTER);
view.setHeight(60);
return view;
}
}
}