当前位置: 首页 > 编程笔记 >

Android ListView分页简单实现

谢俊力
2023-03-14
本文向大家介绍Android ListView分页简单实现,包括了Android ListView分页简单实现的使用技巧和注意事项,需要的朋友参考一下

Android ListView分页简单实现

分页,开发应用中必不可少。那么,现在就来实现分页功能

首先来想想实现它要有哪些步骤,

1, 实现的组件,
2、初始化第一页数据,
3,底部布局 ,
4,加载数据的条件
5、获取下一页的数据。

有了思路,我们一步步来实现就行了。先来想想我们用什么组件实现,我们知道列表UI我们常用ListView或者RecyclerView,初始化数据,我们就在通过一个for循环来准备数据,底部布局我们直接使ProgressBar控件和一个TextView来显示就可以了。至于,加载的数据,我们就使用OnScrollListener来监听滑动事件,然后在满足加载条件时,我们就可以加载下一页的数据了。

先来看看ListView实现:

自定义ListView (LoadListView.Java):

public class LoadListView extends ListView implements AbsListView.OnScrollListener{
  private LayoutInflater mInflater;
  //判断是否滚动最后一行
  private boolean isLastRow = false;
  //底部View布局
  private View mFooter;
  //实现接口加载更多数据
  public OnLoadMoreListener moreListener;

  public void setLoadMoreListener(OnLoadMoreListener moreListener){
    this.moreListener = moreListener;
  }
  public LoadListView(Context context) {
    super(context);
    initView();
  }

  public LoadListView(Context context, AttributeSet attrs) {
    super(context, attrs);
    initView();
  }

  public LoadListView(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
    initView();
  }
  private void initView(){
    mInflater = LayoutInflater.from(getContext());
    mFooter = mInflater.inflate(R.layout.
    listview_footer,null);
    this.addFooterView(mFooter);
    mFooter.setVisibility(View.GONE);
    setOnScrollListener(this);
  }

  @Override
  public void onScrollStateChanged(AbsListView absListView, int scrollState) {
    //正在滚动时回调,回调2-3次,手指没抛则回调2次。scrollState = 2的这次不回调
    //回调顺序如下
    //第1次:scrollState = SCROLL_STATE_TOUCH_SCROLL(1) 正在滚动
    //第2次:scrollState = SCROLL_STATE_FLING(2) 手指做了抛的动作(手指离开屏幕前,用力滑了一下)
    //第3次:scrollState = SCROLL_STATE_IDLE(0) 停止滚动
    //当屏幕停止滚动时为0;当屏幕滚动且用户使用的触碰或手指还在屏幕上时为1;
    //由于用户的操作,屏幕产生惯性滑动时为2

    //当滚到最后一行且停止滚动时,执行加载 
    if(isLastRow&&scrollState== OnScrollListener.SCROLL_STATE_IDLE){
      mFooter.setVisibility(View.VISIBLE);
      isLastRow = false;
      if(moreListener!=null){
        moreListener.loadMore();
      }
    }
  }

  @Override
  public void onScroll(AbsListView absListView, int firstVisibleItem,
             int visibleItemCount, int totalItemCount) {
    //滚动时一直回调,直到停止滚动时才停止回调。单击时回调一次。
    //firstVisibleItem:当前能看见的第一个列表项ID(从0开始)
    //visibleItemCount:当前能看见的列表项个数(小半个也算)
    //totalItemCount:列表项共数
    //判断是否滚到最后一行
    if (firstVisibleItem + visibleItemCount == totalItemCount && totalItemCount > 0) {
      isLastRow = true;
    }
  }
  public interface OnLoadMoreListener{
    void loadMore();
  }
}

底部布局listfooter.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:orientation="vertical">
  <ProgressBar
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_toLeftOf="@+id/id_loadmore"
    android:layout_marginRight="5dp" />
  <TextView
    android:id="@+id/id_loadmore"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="加载更多"
    android:layout_centerHorizontal="true"
    android:layout_centerVertical="true"/>
</RelativeLayout>

MainActivity.java的源码:

public class MainActivity extends Activity implements LoadListView.OnLoadMoreListener {
  private List<News> list = new ArrayList<>() ;
  private loadAdapter mAdapter;
  private LoadListView mListView;
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    loadMoreData();
    mListView =(LoadListView) findViewById(R.id.id_list_view);
    mAdapter = new loadAdapter(this,list);
    mListView.setAdapter(mAdapter);
    mListView.setLoadMoreListener(this);
  }
  private void loadMoreData(){
    for(int i = 0 ; i <10;i++){
      News news = new News();
      news.setTitle("许巍");
      news.setContent("蓝莲花");
      list.add(news);
    }
  }

  @Override
  public void loadMore() {
    new Handler().postDelayed(new Runnable() {
      @Override
      public void run() {
        loadMoreData();
        showLoadMore();
      }
    },2000);

  }
  private void showLoadMore(){
    mAdapter.notifyDataSetChanged();
  }
}

LoadAdapter.java

public class loadAdapter extends BaseAdapter {
  private List<News> list;
  private Context mContext;
  public loadAdapter(Context context,List<News> list){
    this.list = list;
    this.mContext = context;
  }

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

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

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

  @Override
  public View getView(int position, View convertView, ViewGroup parent) {
    ViewHolder viewHolder;
    if(convertView==null){
      viewHolder = new ViewHolder();
      convertView = LayoutInflater.from(mContext).inflate(R.layout.item_news,null);
      viewHolder.title = (TextView) convertView.findViewById(R.id.id_title);
      viewHolder.content = (TextView)convertView.findViewById(R.id.id_content);
      convertView.setTag(viewHolder);
    }else {
      viewHolder = (ViewHolder) convertView.getTag();
    }
    viewHolder.title.setText(list.get(position).getTitle());
    viewHolder.content.setText(list.get(position).getContent());
    return convertView;
  }

  public class ViewHolder{
    private TextView title;
    private TextView content;
  }

}

activity_main.xml:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent">
  <view.LoadListView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/id_list_view"
    />
</LinearLayout>

item_news.xml:

<?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/id_title"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:text=""
  android:gravity="center"
  android:padding="5dp"/>
  <TextView
    android:id="@+id/id_content"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text=""
    android:gravity="center"
    android:padding="5dp"/>
</LinearLayout>

其实只要掌握了OnScrollListener的回调,那么就很简单了。RecyclerView也出现很久了,慢慢的,RecyclerView也会替代了ListView,所以ListView分页似乎就过时了,我们想知道的是RecyclerView怎么实现分页。但是我们知道RecyclerView不能实现头部和底部的添加,所以我们要自己来实现一个能添加头部和底部的ReyclerView。

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

 类似资料:
  • 本文向大家介绍简单实现jsp分页,包括了简单实现jsp分页的使用技巧和注意事项,需要的朋友参考一下 数据分页,在开发中必不可少,由于数据量太大,不得不进行处理。但是对于分页,又有很多种方式,比如使用sql语句的limit,或者使用jquery的插件。但是底层的逻辑,都是需要的。 在这里贴出bean对象的代码,以及一个辅助类。我做的这个项目是一个个人博客,算是个人网站吧。 (只贴部分底层逻辑代码)

  • 本文向大家介绍asp.net实现简单分页实例,包括了asp.net实现简单分页实例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了asp.net实现简单分页的方法。分享给大家供大家参考。 具体实现方法如下: 希望本文所述对大家的asp.net程序设计有所帮助。

  • 本文向大家介绍jQuery实现的简单分页示例,包括了jQuery实现的简单分页示例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery实现的简单分页。分享给大家供大家参考,具体如下: PS:这里再为大家推荐几款代码格式化、美化工具,相信大家在以后的开发过程中会用得到: 在线JavaScript代码美化、格式化工具: http://tools.jb51.net/code/js Jav

  • 本文向大家介绍vue.js 2.0实现简单分页效果,包括了vue.js 2.0实现简单分页效果的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了vue.js 2.0实现分页效果的具体代码,供大家参考,具体内容如下 效果图 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 本文向大家介绍ASP.NET无刷新分页简单实现,包括了ASP.NET无刷新分页简单实现的使用技巧和注意事项,需要的朋友参考一下 下面就是和大家分享的实现无刷新分页功能的全部步骤,欢迎学习。 1、新建一个分页存储过程: 2、设置Ajax控件 想要实现无刷新,肯定会用到Ajax,首先是要放入必不可少的: <asp:ScriptManager ID="ScriptManager1" runat="ser

  • 本文向大家介绍JSP实现的简单分页示例,包括了JSP实现的简单分页示例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JSP实现的简单分页示例。分享给大家供大家参考,具体如下: 希望本文所述对大家JSP程序设计有所帮助。