listView的加载更多

因为项目需要：实现加载更多功能，这类github上面很多这种了。自己写个加载更多纪念下

首先是布局文件：

一、activity_main.xml

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout
    android:id="@+id/xlistview_footer_content"
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:padding="10dp">

    <ProgressBar
        android:id="@+id/xlistview_footer_progressbar"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:visibility="invisible"/>

    <TextView
        android:background="@android:color/transparent"
        android:id="@+id/loadMoreButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="加载更多"/>
</RelativeLayout>

二、list_item.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="fill_parent">
    <TextView
        android:id="@+id/list_item_text"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:gravity="center"
        android:textSize="20sp"
        android:paddingTop="10dp"
        android:paddingBottom="10dp"/>
</LinearLayout>

三、footer的布局，资源文件我命名为 load_more.xml

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout
    android:id="@+id/xlistview_footer_content"
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:padding="10dp">

    <ProgressBar
        android:id="@+id/xlistview_footer_progressbar"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:visibility="invisible"/>

    <TextView
        android:background="@android:color/transparent"
        android:id="@+id/loadMoreButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="加载更多"/>
</RelativeLayout>

好了 ，布局很简单，一看就懂，下面开始代码部分。

首先开始ListViewAdapter  ,这个很简单，没什么可注释的。

public class ListViewAdapter extends BaseAdapter {
    
    private List<String> items;//数据源
    private LayoutInflater inflater;

    public ListViewAdapter(Context context,List<String> items) {
        this.items = items;
        inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
    }

    @Override
    public int getCount() {
        return items.size();
    }

    @Override
    public Object getItem(int position) {
        return items.get(position);
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        if (convertView == null) {
            convertView = inflater.inflate(R.layout.list_item, null);
        }
        TextView text = (TextView) convertView.findViewById(R.id.list_item_text);
        text.setText(items.get(position));
        return convertView;
    }
    /**
     * 添加列表项
     * @param item
     */
    public void addItem(String item) {
        items.add(item);
    }

}

其次MainActivity，看代码吧  ，注释的比较清楚了

    ListView listView;

    /**
     * 最后的可视化索引
     */
    private int visibleLastIndex = 0;

    /**
     * 当前窗口的可见索引
     */
    private int visibleItemCount;
    ListViewAdapter adapter;
    View loadMoreView;
    TextView loadMoreButton;
    Handler handler = new Handler();
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        loadMoreView = getLayoutInflater().inflate(R.layout.load_more,null);
        loadMoreButton = (TextView) loadMoreView.findViewById(R.id.loadMoreButton);
        listView = (ListView) findViewById(R.id.listview);//得到listview
        listView.addFooterView(loadMoreView);//设置底部视图
        initAdapter();
        listView.setAdapter(adapter);
        listView.setOnScrollListener(this);
    }


    /**
     * 初始化adapter
     */
    private void initAdapter() {
        ArrayList<String> items = new ArrayList<>();
        for(int i = 0;i<25;i++){
            items.add(String.valueOf(i));
        }
        adapter = new ListViewAdapter(this,items);
    }

    /**
     * 滑动时被调用
     * @param view
     * @param firstVisibleItem
     * @param visibleItemCount
     * @param totalItemCount
     */
    @Override
    public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
        this.visibleItemCount = visibleItemCount;
        visibleLastIndex = firstVisibleItem + visibleItemCount -1;
    }
    /**
     * 滑动状态改变时被调用
     */
    @Override
    public void onScrollStateChanged(AbsListView view, int scrollState) {
        int itemLastIndex = adapter.getCount() -1;//数据集最后一项的索引
        int lastIndex = itemLastIndex + 1;//加上最后底部的loadmoreview
        if(scrollState == AbsListView.OnScrollListener.SCROLL_STATE_IDLE && visibleLastIndex == lastIndex){
            //这里设置成自动加载,可以在这里放置异步加载数据的代码
            handler.postDelayed(new Runnable() {
                @Override
                public void run() {
                    loadData();
                    adapter.notifyDataSetChanged();//数据集发生变化，通知adapter；
                    listView.setSelection(visibleLastIndex - visibleItemCount + 1);//设置选中项
                }
            }, 2000);//2秒更新
        }
    }
    /**
     * 模拟加载数据,
     */
    private void loadData() {
        int count = adapter.getCount();
        for (int i = count; i < count + 10; i++) {
            adapter.addItem(String.valueOf(i + 1));
        }
    }

实现了拉倒最下面自己加载数据，效果图