您的位置：首页 > 移动开发 > Android开发

Android中ListView分页加载数据

2012-09-04 22:48 633 查看
Android应用开发中，采用ListView组件来展示数据是很常用的功能，当一个应用要展现很多的数据时，一般情况下都不会把所有的数据一次就展示出来，而是通过分页的形式来展示数据，个人觉得这样会有更好的用户体验。因此，很多应用都是采用分批次加载的形式来获取用户所需的数据。例如：微博客户端可能会在用户滑动至列表底端时自动加载下一页数据，也可能在底部放置一个"查看更多"按钮，用户点击后，加载下一页数据。

下面通过一个Demo来展示ListView功能如何实现：该Demo通过在ListView列表的底部添加一个“查看更多...”按钮来加载新闻(模拟新闻客户端)分页数据。同时限定每次加载10条记录，但完全加载完数据后，就把ListView列表底部视图“查看更多...”删除。假设加载的数据总数为38条记录。先看下该Demo工程的程序结构图：



其中包com.andyidea.bean中News.java类是新闻实体类，包com.andyidea.listview中paginationListViewActivity.java类是用来展示ListView列表。布局layout中包含三个布局文件，分别为：list_item.xml，loadmore.xml，main.xml。下面分别贴下源码：

layout中的list_item.xml源码：查看源码打印?
01
<
span
style
=
"font-size:13px;"
><?
xml
version
=
"1.0"
encoding
=
"utf-8"
?>
02
<
LinearLayout
03
xmlns:android
=
"http://schemas.android.com/apk/res/android"
04
android:layout_width
=
"fill_parent"
05
android:layout_height
=
"fill_parent"
06
android:orientation
=
"vertical"
>
07
<
TextView
08
android:id
=
"@+id/newstitle"
09
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源码：查看源码打印?
01
<?
xml
version
=
"1.0"
encoding
=
"utf-8"
?>
02
<
LinearLayout
03
xmlns:android
=
"http://schemas.android.com/apk/res/android"
04
android:layout_width
=
"fill_parent"
05
android:layout_height
=
"fill_parent"
>
06
<
Button
07
android:id
=
"@+id/loadMoreButton"
08
android:layout_width
=
"fill_parent"
09
android:layout_height
=
"wrap_content"
10
android:text
=
"查看更多..."
/>
11
</
LinearLayout
>
layout中main.xml源码：查看源码打印?
01
<?
xml
version
=
"1.0"
encoding
=
"utf-8"
?>
02
<
LinearLayout
xmlns:android
=
"http://schemas.android.com/apk/res/android"
03
android:orientation
=
"vertical"
04
android:layout_width
=
"fill_parent"
05
android:layout_height
=
"fill_parent"
>
06
<
ListView
07
android:id
=
"@+id/lvNews"
08
android:layout_width
=
"fill_parent"
09
android:layout_height
=
"wrap_content"
/>
10
</LinearLayou
包com.andyidea.bean中News.java类源码：查看源码打印?
01
package
com.andyidea.bean;
02
03
/**
04
*新闻实体类
05
*@authorAndy.Chen
06
*@mailChenjunjun.ZJ@gmail.com
07
*
08
*/
09
public
class
News{
10
11
private
Stringtitle;
//标题
12
private
Stringcontent;
//内容
13
14
public
StringgetTitle(){
15
return
title;
16
}
17
public
void
setTitle(Stringtitle){
18
this
.title=title;
19
}
20
public
StringgetContent(){
21
return
content;
22
}
23
public
void
setContent(Stringcontent){
24
this
.content=content;
25
}
26
27
}
包com.andyidea.listview中paginationListViewActivity.java类源码：查看源码打印?
001
package
com.andyidea.listview;
002
003
import
java.util.ArrayList;
004
import
java.util.List;
005
006
import
com.andyidea.bean.News;
007
008
import
android.app.Activity;
009
import
android.os.Bundle;
010
import
android.os.Handler;
011
import
android.util.Log;
012
import
android.view.View;
013
import
android.view.ViewGroup;
014
import
android.widget.AbsListView;
015
import
android.widget.AbsListView.OnScrollListener;
016
import
android.widget.BaseAdapter;
017
import
android.widget.Button;
018
import
android.widget.ListView;
019
import
android.widget.TextView;
020
import
android.widget.Toast;
021
022
public
class
PaginationListViewActivity
extends
Activity
implements
OnScrollListener{
023
024
private
ListViewlistView;
025
private
int
visibleLastIndex=
0
;
//最后的可视项索引
026
private
int
visibleItemCount;
//当前窗口可见项总数
027
private
int
datasize=
38
;
//模拟数据集的条数
028
private
PaginationAdapteradapter;
029
private
ViewloadMoreView;
030
private
ButtonloadMoreButton;
031
private
Handlerhandler=
new
Handler();
032
033
/**Calledwhentheactivityisfirstcreated.*/
034
@Override
035
public
void
onCreate(BundlesavedInstanceState){
036
super
.onCreate(savedInstanceState);
037
setContentView(R.layout.main);
038
039
loadMoreView=getLayoutInflater().inflate(R.layout.loadmore,
null
);
040
loadMoreButton=(Button)loadMoreView.findViewById(R.id.loadMoreButton);
041
loadMoreButton.setOnClickListener(
new
View.OnClickListener(){
042
043
@Override
044
public
void
onClick(Viewv){
045
loadMoreButton.setText(
"正在加载中..."
);
//设置按钮文字
046
handler.postDelayed(
new
Runnable(){
047
048
@Override
049
public
void
run(){
050
loadMoreData();
051
adapter.notifyDataSetChanged();
052
loadMoreButton.setText(
"查看更多..."
);
//恢复按钮文字
053
}
054
},
2000
);
055
056
}
057
});
058
059
listView=(ListView)findViewById(R.id.lvNews);
060
listView.addFooterView(loadMoreView);
//设置列表底部视图
061
initializeAdapter();
062
listView.setAdapter(adapter);
063
listView.setOnScrollListener(
this
);
064
}
065
066
@Override
067
public
void
onScrollStateChanged(AbsListViewview,
int
scrollState){
068
int
itemsLastIndex=adapter.getCount()-
1
;
//数据集最后一项的索引
069
int
lastIndex=itemsLastIndex+
1
;
070
if
(scrollState==OnScrollListener.SCROLL_STATE_IDLE
071
&&visibleLastIndex==lastIndex){
072
//如果是自动加载,可以在这里放置异步加载数据的代码
073
}
074
}
075
076
077
@Override
078
public
void
onScroll(AbsListViewview,
int
firstVisibleItem,
079
int
visibleItemCount,
int
totalItemCount){
080
this
.visibleItemCount=visibleItemCount;
081
visibleLastIndex=firstVisibleItem+visibleItemCount-
1
;
082
083
Log.e(
"========================="
,
"========================"
);
084
Log.e(
"firstVisibleItem="
,firstVisibleItem+
""
);
085
Log.e(
"visibleItemCount="
,visibleItemCount+
""
);
086
Log.e(
"totalItemCount="
,totalItemCount+
""
);
087
Log.e(
"========================="
,
"========================"
);
088
089
//如果所有的记录选项等于数据集的条数，则移除列表底部视图
090
if
(totalItemCount==datasize+
1
){
091
listView.removeFooterView(loadMoreView);
092
Toast.makeText(
this
,
"数据全部加载完!"
,Toast.LENGTH_LONG).show();
093
}
094
}
095
096
/**
097
*初始化ListView的适配器
098
*/
099
private
void
initializeAdapter(){
100
List<News>news=
new
ArrayList<News>();
101
for
(
int
i=
1
;i<=
10
;i++){
102
Newsitems=
new
News();
103
items.setTitle(
"Title"
+i);
104
items.setContent(
"ThisisNewsContent"
+i);
105
news.add(items);
106
}
107
adapter=
new
PaginationAdapter(news);
108
}
109
110
/**
111
*加载更多数据
112
*/
113
private
void
loadMoreData(){
114
int
count=adapter.getCount();
115
116
if
(count+
10
<=datasize){
117
for
(
int
i=count+
1
;i<=count+
10
;i++){
118
Newsitem=
new
News();
119
item.setTitle(
"Title"
+i);
120
item.setContent(
"ThisisNewsContent"
+i);
121
adapter.addNewsItem(item);
122
}
123
}
else
{
124
for
(
int
i=count+
1
;i<=datasize;i++){
125
Newsitem=
new
News();
126
item.setTitle(
"Title"
+i);
127
item.setContent(
"ThisisNewsContent"
+i);
128
adapter.addNewsItem(item);
129
}
130
}
131
132
}
133
134
135
class
PaginationAdapter
extends
BaseAdapter{
136
137
List<News>newsItems;
138
139
public
PaginationAdapter(List<News>newsitems){
140
this
.newsItems=newsitems;
141
}
142
143
@Override
144
public
int
getCount(){
145
return
newsItems.size();
146
}
147
148
@Override
149
public
ObjectgetItem(
int
position){
150
return
newsItems.get(position);
151
}
152
153
@Override
154
public
long
getItemId(
int
position){
155
return
position;
156
}
157
158
@Override
159
public
ViewgetView(
int
position,Viewview,ViewGroupparent){
160
if
(view==
null
){
161
view=getLayoutInflater().inflate(R.layout.list_item,
null
);
162
}
163
164
//新闻标题
165
TextViewtvTitle=(TextView)view.findViewById(R.id.newstitle);
166
tvTitle.setText(newsItems.get(position).getTitle());
167
//新闻内容
168
TextViewtvContent=(TextView)view.findViewById(R.id.newscontent);
169
tvContent.setText(newsItems.get(position).getContent());
170
171
return
view;
172
}
173
174
/**
175
*添加数据列表项
176
*@paramnewsitem
177
*/
178
public
void
addNewsItem(Newsnewsitem){
179
newsItems.add(newsitem);
180
}
181
182
}
183
184
}
最后，运行程序的结果截图如下：



通过上面的截图，当我们点击"查看更多..."按钮时，就会加载下10条记录，当加载完所有的记录后，ListView的底部视图将会移除。

转自：http://www.open-open.com/lib/view/open1330132229874.html
                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航