ListView实现上拉加载更多

最新推荐文章于 2021-05-25 14:50:31 发布
最新推荐文章于 2021-05-25 14:50:31 发布
阅读量571 收藏
点赞数
分类专栏： Android应用

 一、实现效果

    

这是整体实现效果。

    二、实现步骤

    (1)实现一个简单的自定义ListView；(2)给这个ListView添加一个底部进度提示；(3)实现ListView滚动监听。

    三、整个项目实现

    (1)项目结构

其中ApkInfo.java是ListView Item的一个实体类，描述了Item里相关的信息。这个就不多说了，主要是get和set相关方法；

    (2)看下MyAdapter.java的实现：

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
package  com.example.listviewdemo;
import  java.util.ArrayList;
import  android.content.Context;
import  android.view.LayoutInflater;
import  android.view.View;
import  android.view.ViewGroup;
import  android.widget.BaseAdapter;
import  android.widget.ImageView;
import  android.widget.TextView;
/**
  * listView适配器
  * 
  * 
  */
public  class  MyAdapter  extends  BaseAdapter {
  ArrayList<ApkInfo> apkInfos_list;
  LayoutInflater inflater;
  public  MyAdapter(ArrayList<ApkInfo> apkInfos_list, Context context) {
   this .apkInfos_list = apkInfos_list;
   this .inflater = LayoutInflater.from(context);
  }
  public  void  onDataChange(ArrayList<ApkInfo> apkInfos_list) {
   this .apkInfos_list = apkInfos_list;
   this .notifyDataSetChanged();
  }
  @Override
  public  int  getCount() {
   return  apkInfos_list.size();
  }
  @Override
  public  Object getItem( int  position) {
   return  apkInfos_list.get(position);
  }
  @Override
  public  long  getItemId( int  position) {
   return  position;
  }
  @Override
  public  View getView( int  position, View convertView, ViewGroup parent) {
   ApkInfo apkInfo = apkInfos_list.get(position);
   ViewHolder holder;
   if  (convertView ==  null ) {
    holder =  new  ViewHolder();
    convertView = inflater.inflate(R.layout.item_layout,  null );
    holder.name_tv = (TextView) convertView.findViewById(R.id.item3_apkname);
    holder.des_tv = (TextView) convertView.findViewById(R.id.item3_apkdes);
    holder.info_tv = (TextView) convertView.findViewById(R.id.item3_apkinfo);
    holder.item_iv = (ImageView) convertView.findViewById(R.id.item3_apkiv);
    convertView.setTag(holder);
   }  else  {
    holder = (ViewHolder) convertView.getTag();
   }
   holder.name_tv.setText(apkInfo.getName());
   holder.des_tv.setText(apkInfo.getDes());
   holder.info_tv.setText(apkInfo.getInfo());
   holder.item_iv.setImageResource(apkInfo.getImage());
   return  convertView;
  }
  class  ViewHolder {
   TextView name_tv;
   TextView des_tv;
   TextView info_tv;
   ImageView item_iv;
  }
}

    这个Adapter是AdapterView视图与数据之间的桥梁，Adapter提供对数据的访问，也负责为每一项数据产生一个对应的View。   

    看看，其中ListView里的Item实现效果：

    

    配置文件item_layout.xml的实现：

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<? 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"  >
     < LinearLayout
         android:layout_width = "fill_parent"
         android:layout_height = "60dip"
         android:background = "@drawable/app_item_bg"
         android:gravity = "center_vertical"
         android:orientation = "horizontal"  >
         < ImageView
             android:id = "@+id/item3_apkiv"
             android:layout_width = "50dip"
             android:layout_height = "50dip"
             android:layout_marginLeft = "10dip"  />
         < LinearLayout
             android:layout_width = "wrap_content"
             android:layout_height = "wrap_content"
             android:layout_marginLeft = "10dip"
             android:layout_weight = "1"
             android:orientation = "vertical"  >
             < TextView
                 android:id = "@+id/item3_apkname"
                 android:layout_width = "wrap_content"
                 android:layout_height = "wrap_content"
                 android:text = "应用程序名字"
                 android:textColor = "@color/black"
                 android:textSize = "18dip"  />
             < TextView
                 android:id = "@+id/item3_apkinfo"
                 android:layout_width = "wrap_content"
                 android:layout_height = "wrap_content"
                 android:layout_marginTop = "5dip"
                 android:text = "应用程序信息"
                 android:textSize = "14dip"  />
         </ LinearLayout >
         < Button
             android:id = "@+id/item3_dlbtn"
             android:layout_width = "60dip"
             android:layout_height = "30dip"
             android:layout_marginRight = "10dip"
             android:background = "@drawable/dlbtn_selector"
             android:text = "卸载"  />
     </ LinearLayout >
     < TextView
         android:id = "@+id/item3_apkdes"
         android:layout_width = "fill_parent"
         android:layout_height = "30dip"
         android:layout_marginLeft = "5dip"
         android:layout_marginRight = "5dip"
         android:gravity = "center_vertical"
         android:text = "应用程序描述"
         android:textSize = "14dip"  />
</ LinearLayout >

    (3)自定义ListView实现

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
package  com.example.listviewdemo;
import  android.content.Context;
import  android.util.AttributeSet;
import  android.view.LayoutInflater;
import  android.view.View;
import  android.widget.AbsListView;
import  android.widget.AbsListView.OnScrollListener;
import  android.widget.ListView;
public  class  LoadListView  extends  ListView  implements  OnScrollListener {
  View footer; // 底部布局
  int  totalItemCount; // ListView加载数据总量
  int  lastVisibaleItem; // 底部显示的数据下标
  boolean  isLoading; // 是否在加载
  OnLoaderListener loaderListener; // 加载监听
  public  LoadListView(Context context) {
   super (context);
   initView(context);
  }
  public  LoadListView(Context context, AttributeSet attrs) {
   super (context, attrs);
   initView(context);
  }
  public  LoadListView(Context context, AttributeSet attrs,  int  defStyle) {
   super (context, attrs, defStyle);
   initView(context);
  }
  @Override
  public  void  onScrollStateChanged(AbsListView view,  int  scrollState) {
   /**
    * scrollState = SCROLL_STATE_TOUCH_SCROLL(1) 正在滚动 ; scrollState =
    * SCROLL_STATE_FLING(2) 手指做了抛的动作（手指离开屏幕前，用力滑了一下）; scrollState =
    * SCROLL_STATE_IDLE(0) 停止滚动 ; 当滚动到最后一行,且停止滚动，加载数据;
    */
   if  (totalItemCount == lastVisibaleItem && scrollState == SCROLL_STATE_IDLE) {
    if  (!isLoading) {
     isLoading =  true ;
     footer.findViewById(R.id.load_layout).setVisibility(View.VISIBLE);
     loaderListener.onLoad(); // 加载更多
    }
   }
  }
  @Override
  public  void  onScroll(AbsListView view,  int  firstVisibleItem,  int  visibleItemCount,
    int  totalItemCount) {
   /**
    * 滚动一直回调直到停止滚动时才停止回调，单击时回调一次； 列表到达结尾之前，我们要加载数据模块；
    * firstVisibleItem表示当前屏幕显示的第一个listItem在整个listView里的位置(下标从0开始);
    * visibleItemCount表示当前屏幕可见的listItem(部分显示的listItem也算)总数；
    * totalItemCount表示listView里listItem总数。
    */
   this .lastVisibaleItem = firstVisibleItem + visibleItemCount;
   this .totalItemCount = totalItemCount;
  }
  /**
   * 底部进度调加载到listview
   * 
   * @param context
   */
  private  void  initView(Context context) {
   LayoutInflater inflater = LayoutInflater.from(context);
   footer = inflater.inflate(R.layout.footer_layout,  null );
   footer.findViewById(R.id.load_layout).setVisibility(View.GONE);
   this .addFooterView(footer); // 加到底部
   this .setOnScrollListener( this ); // 监听滚动到底部
  }
  /**
   * 加载完毕
   */
  public  void  loadComplete() {
   isLoading =  false ;
   footer.findViewById(R.id.load_layout).setVisibility(View.GONE);
  }
  public  void  setLoaderListener(OnLoaderListener loaderListener) {
   this .loaderListener = loaderListener;
  }
  // 加载更多回调接口
  public  interface  OnLoaderListener {
   public  void  onLoad();
  }
}

     添加底部加载进度条

    footer_layout.xml实现如下：

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<? 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"  >
     < LinearLayout
         android:id = "@+id/load_layout"
         android:layout_width = "match_parent"
         android:layout_height = "wrap_content"
         android:gravity = "center"
         android:orientation = "horizontal"
         android:paddingBottom = "10dip"
         android:paddingTop = "10dip"  >
         < ProgressBar
             style = "?android:attr/progressBarStyleSmall"
             android:layout_width = "wrap_content"
             android:layout_height = "wrap_content"  />
         < TextView
             android:layout_width = "wrap_content"
             android:layout_height = "wrap_content"
             android:text = "10条载入中..."  />
     </ LinearLayout >
</ LinearLayout >

     (4)MainActivity.java里的实现：

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
package  com.example.listviewdemo;
import  java.util.ArrayList;
import  com.example.listviewdemo.LoadListView.OnLoaderListener;
import  android.os.Bundle;
import  android.os.Handler;
import  android.app.Activity;
public  class  MainActivity  extends  Activity  implements  OnLoaderListener {
  ArrayList<ApkInfo> apkInfos_list =  new  ArrayList<ApkInfo>();
  MyAdapter adapter;
  LoadListView listview;
  @Override
  protected  void  onCreate(Bundle savedInstanceState) {
   super .onCreate(savedInstanceState);
   setContentView(R.layout.activity_main);
   getData();
   showListView(apkInfos_list);
  }
  private  void  showListView(ArrayList<ApkInfo> apkInfos_list) {
   if  (adapter ==  null ) {
    listview = (LoadListView) findViewById(R.id.listview);
    listview.setLoaderListener( this );
    adapter =  new  MyAdapter(apkInfos_list,  this );
    listview.setAdapter(adapter);
   }  else  {
    adapter.onDataChange(apkInfos_list);
   }
  }
  private  void  getData() {
   for  ( int  i =  0 ; i <  10 ; i++) {
    ApkInfo apkInfo =  new  ApkInfo();
    apkInfo.setName( "测试程序I" );
    apkInfo.setInfo( "50w用户" );
    apkInfo.setDes( "这是一个神奇的应用！" );
    apkInfo.setImage(R.drawable.ic_launcher);
    apkInfos_list.add(apkInfo);
   }
  }
  private  void  loadData() {
   for  ( int  i =  0 ; i <  10 ; i++) {
    ApkInfo apkInfo =  new  ApkInfo();
    apkInfo.setName( "测试程序II" );
    apkInfo.setInfo( "50w用户" );
    apkInfo.setDes( "这是一个更加神奇的应用！" );
    apkInfo.setImage(R.drawable.test_icon);
    apkInfos_list.add(apkInfo);
   }
  }
  @Override
  public  void  onLoad() {
   Handler handler =  new  Handler();
   handler.postDelayed( new  Runnable() {
    @Override
    public  void  run() {
     // 获取更多数据
     loadData();
     // 更新listview显示；
     showListView(apkInfos_list);
     // 通知listview加载完毕
     listview.loadComplete();
    }
   },  2000 );
  }
}

    activity_main.xml配置文件：

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
< RelativeLayout  xmlns:android = "http://schemas.android.com/apk/res/android"
     xmlns:tools = "http://schemas.android.com/tools"
     android:layout_width = "match_parent"
     android:layout_height = "match_parent"
     tools:context = ".MainActivity"  >
     < com.example.listviewdemo.LoadListView
         android:id = "@+id/listview"
         android:layout_width = "fill_parent"
         android:layout_height = "wrap_content"
         android:background = "@color/white"
         android:cacheColorHint = "#00000000"
         android:dividerHeight = "5dip"  >
     </ com.example.listviewdemo.LoadListView >
</ RelativeLayout >

    到这里整个实现就算完成了，这里使用了handler.postDelayed延时两秒加载只是为了实验效果。这是在慕课网上学习时的笔记，大家要想更加深入地了解相关知识，请移步慕课网吧，感觉很实用！

    源码下载猛戳：http://download.csdn.net/detail/shizhao0716/8382029

 

二进制的忧伤
关注
专栏目录
使用ListView实现上拉加载更多数据
kecongxiao的博客
03-31 690
之前自己做着玩都是直接把数据显示到手机的一屏上，没考虑过分页功能，刚刚看了一下慕课网ListView分页的视频http://www.imooc.com/learn/136自己做了一下。 1、在ListView底部加一个正在加载的提示布局，因此直接自定义一个LoadListView，继承于ListView，并在构造方法中添加以下代码，为ListView添加底部footer布局。 private vo
Android ListView实现上拉加载更多和下拉刷新功能
09-02
实现Android ListView的上拉加载更多和下拉刷新功能，涉及到对ListView的滚动监听、数据加载控制、界面刷新等多个环节。通过合理的优化和设计，可以在保证用户体验的同时，有效地处理大量数据，提升应用性能。在实际...
ListView上拉加载更多
01-21
实现Android项目中的上拉加载更多，类似于网易客户端的实现效果，上拉后底部显示“20条载入中...”，等提示
ListView上拉加载更多数据
嘿，你的益达。
04-12 1万+
ListView上拉加载更多数据原理是： 1.继承ListView，完成自定义的ListView； 2.给ListView添加一个正在加载时ListView底部的提示布局，判断当ListView条目在最底部时显示，否则影藏。 package com.example.chl.myapplication; import android.content.Context; import andro
listview实现上拉加载
阿尔卑斯的春天oO 的博客
02-19 654
Android实现listview的上拉加载更多 当前实例为最基本的上拉加载实现,  学习者可根据逻辑自创建... 实现逻辑： 1、创建自定义ListView,并且监听其滚动的事件 2、自定义ListView的类中应实现一个内部接口,用来实现加载更多数据的逻辑 3、使用该listview,且在引用类中实现加载更多数据的内部接口 4、（最好自定义Adapter） 最终效
Android ListView 实现上拉加载的示例代码
08-27
为了提供更好的用户体验，开发者通常会实现上拉加载（Pull-to-Refresh或Infinite Scrolling）功能，使得用户在接近列表底部时，可以通过上拉操作自动加载更多数据。以下是一个关于如何在Android中实现ListView上拉...
Android实现上拉加载更多ListView(PulmListView)
01-20
本篇文章将详细解析如何实现一个具备上拉加载更多的ListView，即PulmListView。 首先，我们需要创建一个自定义的ListView。在Java代码中，我们可以通过继承ListView类来创建PulmListView。在PulmListView的构造函数...
android listview自动加载更多,Android ListView 上拉加载更多
weixin_35817939的博客
05-25 221
GIF.gif概述缕一下思路既然要实现一个可以上拉刷新的ListView,最简单的就是继承ListView:1.通过addFooterView方法加载底部布局2.通过removeFooterView移除布局3.onScrollStateChanged:if(最后一条可见item==最后一条item)&&(停止滑动)&&(!加载数据中)&&(!所有条目...
Android中ListView下拉刷新和上拉加载更多的实现
07-24
http://blog.csdn.net/qq_32673327/article/details/52012327 这是关于Demo实现的博客
Android自定义listview布局实现上拉加载下拉刷新功能
01-05
listview实现上拉加载以及下拉刷新的方式有很多。下面是我写的一种自定义的布局，复用性也比较的强。首先就是继承的listview的自定义view。      AutoListView.Java: package com.example.mic.testdemo.view; import android.annotation.TargetApi; import android.content.Context; import android.os.Build; import android.os.Bundle; import android.util.AttributeSet; import
listview加载更多
12-24
listview上拉加载更多的简单实现，代码精炼
android listview自动加载更多,如何实现 Android ListView『上拉加载更多』？
weixin_36293258的博客
05-25 586
ListView上拉加载更多的UI需求(1)向上滑动 ListView，当最后一个条目滚入屏幕时开始加载更多条目，在列表底部增加一个 footerView：一个 infinite progressBar，一个 textView 显示 “Loading...”；(2)根据数据加载的结果更新 view：(2.1)如果已经没有更多条目，则更新 footerView：仅包含一个 textView 显示“N...
android-----ListView上拉加载更多实现
热门推荐
扇扇来驰的博客
05-29 1万+
前几篇博客，我们从缓存的角度优化了ListView，如果你对此还不太熟悉的话，可以从android-----带你一步一步优化ListView(一)和android-----带你一步一步优化ListView(二)和android-----带你一步一步优化ListView(三)查看，其实，
Android 简捷地为ListView添加上拉加载
WillLiaowh的博客
08-03 426
分页是Android开发中常见的功能，ListView和RecyclerView的上拉加载是常用来实现分页的形式。 实现上拉加载的思路：当ListView或者RecyclerView发生滑动时，可视项的最后一项索引等于footView项索引，即屏幕底部的最后一项等于列表数据的最后一项。 public class LoadMoreListActivity extends AppCompatAct
上拉加载更多之ListView实现
James_shu的博客
01-31 1268
在Android的应用程序中,使用列表来展示内容的应用是最多的。当然,我们从早期的ListView到目前的RecyclerView,列表控件的实现更加的优秀。但无论怎样,我们都会在使用列表控件的时候添加下拉刷新和上拉加载更多。这的效果有多种实现当然也会针对ListView与RecyclerView有着对应的实现,本篇我首先以ListView来实现一下对于下拉刷新和上拉加载更多的效果。本篇的效果是通过
手把手教你轻松实现listview上拉加载
白玉梁的专栏
12-10 1302
上篇讲了如何简单快速的的实现listview下拉刷新，那么本篇将讲解如何简单快速的实现上拉加载更多。其实，如果你已经理解了下拉刷新的实现过程，那么实现上拉加载更多将变得轻松起来，原理完全一致，甚至实现代码也几乎相同： 首先，声明上拉状态的一些变量： private static final int LOAD_DONE = 4;//上拉加载完成 private static final
Listview下拉刷新上拉加载更多
wwp_love_biancheng的专栏
04-14 885
在Android中ListView下拉刷新、上拉载入更多示例一文中，Maxwin兄给出的控件比较强大，前面有详细介绍，但是有个不足就是，里面使用了一些资源文件，包括图片，String，layout，这样不利于封装打包，下面我将源码进行改进，所有布局全部用代码实现，这样直接将src和assets打包成jar就成了一个非常方便以后使用的扩展ListView控件，代码如下： XListView：
自定义Android ListView实现上拉加载更多功能
"Android实现上拉加载更多ListView(PulmListView)是通过创建一个自定义的ListView类，集成ListView，并实现其判断是否已滑动到最底部的功能，结合自定义的FooterView，来达到上拉加载更多的效果。此外，还需要提供...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值