如何在Android應(yīng)用中利用ListView實(shí)現(xiàn)一個(gè)分頁功能

發(fā)布時(shí)間：2020-12-05 16:47:13 來源：億速云閱讀：279 作者：Leah 欄目：移動(dòng)開發(fā)

今天就跟大家聊聊有關(guān)如何在Android應(yīng)用中利用ListView實(shí)現(xiàn)一個(gè)分頁功能，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

Android ListView分頁簡單實(shí)現(xiàn)

分頁，開發(fā)應(yīng)用中必不可少。那么，現(xiàn)在就來實(shí)現(xiàn)分頁功能。

首先來想想實(shí)現(xiàn)它要有哪些步驟，

1, 實(shí)現(xiàn)的組件，
2、初始化第一頁數(shù)據(jù)，
3，底部布局，
4，加載數(shù)據(jù)的條件
5、獲取下一頁的數(shù)據(jù)。

有了思路，我們一步步來實(shí)現(xiàn)就行了。先來想想我們用什么組件實(shí)現(xiàn)，我們知道列表UI我們常用ListView或者RecyclerView，初始化數(shù)據(jù)，我們就在通過一個(gè)for循環(huán)來準(zhǔn)備數(shù)據(jù)，底部布局我們直接使ProgressBar控件和一個(gè)TextView來顯示就可以了。至于，加載的數(shù)據(jù)，我們就使用OnScrollListener來監(jiān)聽滑動(dòng)事件，然后在滿足加載條件時(shí)，我們就可以加載下一頁的數(shù)據(jù)了。

先來看看ListView實(shí)現(xiàn)：

自定義ListView （LoadListView.Java）:

public class LoadListView extends ListView implements AbsListView.OnScrollListener{
  private LayoutInflater mInflater;
  //判斷是否滾動(dòng)最后一行
  private boolean isLastRow = false;
  //底部View布局
  private View mFooter;
  //實(shí)現(xiàn)接口加載更多數(shù)據(jù)
  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) {
    //正在滾動(dòng)時(shí)回調(diào)，回調(diào)2-3次，手指沒拋則回調(diào)2次。scrollState = 2的這次不回調(diào)
    //回調(diào)順序如下
    //第1次：scrollState = SCROLL_STATE_TOUCH_SCROLL(1) 正在滾動(dòng)
    //第2次：scrollState = SCROLL_STATE_FLING(2) 手指做了拋的動(dòng)作（手指離開屏幕前，用力滑了一下）
    //第3次：scrollState = SCROLL_STATE_IDLE(0) 停止?jié)L動(dòng)
    //當(dāng)屏幕停止?jié)L動(dòng)時(shí)為0；當(dāng)屏幕滾動(dòng)且用戶使用的觸碰或手指還在屏幕上時(shí)為1；
    //由于用戶的操作，屏幕產(chǎn)生慣性滑動(dòng)時(shí)為2

    //當(dāng)滾到最后一行且停止?jié)L動(dòng)時(shí)，執(zhí)行加載 
    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) {
    //滾動(dòng)時(shí)一直回調(diào)，直到停止?jié)L動(dòng)時(shí)才停止回調(diào)。單擊時(shí)回調(diào)一次。
    //firstVisibleItem：當(dāng)前能看見的第一個(gè)列表項(xiàng)ID（從0開始）
    //visibleItemCount：當(dāng)前能看見的列表項(xiàng)個(gè)數(shù)（小半個(gè)也算）
    //totalItemCount：列表項(xiàng)共數(shù)
    //判斷是否滾到最后一行
    if (firstVisibleItem + visibleItemCount == totalItemCount && totalItemCount > 0) {
      isLastRow = true;
    }
  }
  public interface OnLoadMoreListener{
    void loadMore();
  }
}

底部布局listfooter.xml

<&#63;xml version="1.0" encoding="utf-8"&#63;>
<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("藍(lán)蓮花");
      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:

<&#63;xml version="1.0" encoding="utf-8"&#63;>
<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>

其實(shí)只要掌握了OnScrollListener的回調(diào)，那么就很簡單了。RecyclerView也出現(xiàn)很久了，慢慢的，RecyclerView也會(huì)替代了ListView，所以ListView分頁似乎就過時(shí)了，我們想知道的是RecyclerView怎么實(shí)現(xiàn)分頁。但是我們知道RecyclerView不能實(shí)現(xiàn)頭部和底部的添加，所以我們要自己來實(shí)現(xiàn)一個(gè)能添加頭部和底部的ReyclerView。

看完上述內(nèi)容，你們對(duì)如何在Android應(yīng)用中利用ListView實(shí)現(xiàn)一個(gè)分頁功能有進(jìn)一步的了解嗎？如果還想了解更多知識(shí)或者相關(guān)內(nèi)容，請關(guān)注億速云行業(yè)資訊頻道，感謝大家的支持。

向AI問一下細(xì)節(jié)

如何在Android應(yīng)用中利用ListView實(shí)現(xiàn)一個(gè)分頁功能

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽