challenge（七）ListView分页加载

柔情只为你懂 2022-07-28 08:45 218阅读 0赞

参考：[http://blog.csdn.net/liuhe688/article/details/6852523][http_blog.csdn.net_liuhe688_article_details_6852523]

一、加载更多的按钮XML布局

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout  
      xmlns:android="http://schemas.android.com/apk/res/android"  
      android:orientation="vertical"  
      android:layout_width="fill_parent"  
      android:layout_height="wrap_content">  
      <Button  
            android:id="@+id/load_more_button"  
            android:layout_width="fill_parent"  
            android:layout_height="wrap_content"  
            android:text="加载更多"  
            android:onClick="loadMore"/>  
    </LinearLayout>

二、实现代码

在MainActivity的onCreate中：

loadMoreView = getLayoutInflater().inflate(R.layout.load_more, null);
    loadMoreButton = (Button) loadMoreView.findViewById(R.id.load_more_button);
    loadMoreButton.setOnClickListener(new View.OnClickListener() {
    	@Override
    	public void onClick(View v) {
    		// 改变文字内容
    		loadMoreButton.setText("加载中...");
    		handler.postDelayed(new Runnable() {
    			@Override
    			public void run() {
    				loadData();
    				
    				listAdapter.notifyDataSetChanged(); // 通知数据集变化
    				
    				loadMoreButton.setText("加载更多"); // 文字变回
    			}
    		} ,2000); // 模拟延时效果
    	}
    });
    
    
    // 数据
    datas = getDatas();
    listAdapter = new ListAdapter(datas, MainActivity.this);
    listView = (ListView) findViewById(R.id.list_view);
    // 底部视图
    listView.addFooterView(loadMoreView);
    listView.setAdapter(listAdapter);
    listView.setOnScrollListener(new AbsListView.OnScrollListener() {
    	@Override
    	public void onScrollStateChanged(AbsListView view, int scrollState) {
    		
    	}
    	@Override
    	public void onScroll(AbsListView view, int firstVisibleItem,
    			int visibleItemCount, int totalItemCount) {
    		
    	}
    });

模拟加载数据的方法：

private void loadData(){
    	String imageUrl = "http://b.hiphotos.baidu.com/album/pic/item/caef76094b36acafe72d0e667cd98d1000e99c5f.jpg?psign=e72d0e667cd98d1001e93901213fb80e7aec54e737d1b867";
    	int size = datas.size();
    	Map<String, Object> map = new HashMap<String, Object>();
    	map.put("head", imageUrl);
    	map.put("title", "这是我的挑战项目["+size+"]");
    	map.put("info", "这是我的挑战项目的描述，谢谢大家观赏！["+size+"]");
    	datas.add(map);
    }

三、效果图

![Center][]

点击“加载更多”，进行“加载中”

![Center 1][]

增加的一条数据：

![Center 2][]

[http_blog.csdn.net_liuhe688_article_details_6852523]: http://blog.csdn.net/liuhe688/article/details/6852523
[Center]: /images/20220727/bee612a0f94e42718731cdcb3adbe95d.png
[Center 1]: /images/20220727/83ba03de0b334fc3b6c2d7f7b12d098b.png
[Center 2]: /images/20220727/6b21bc2322774ec68fcfb95822b4d2cd.png