热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

瀑布流ListView

前言终于忙完了一段时间,现在前段时间写的一个瀑布流ListView到想法分享下,这个东西是扩展自Listview,当列表内容拉到最后后触发刷新操作,以便抓取更多到数据。先贴下整个代

前言  

  终于忙完了一段时间,现在前段时间写的一个瀑布流ListView到想法分享下,这个东西是扩展自Listview,当列表内容拉到最后后触发刷新操作,以便抓取更多到数据。

先贴下整个代码,先有个整体到概念,然后再进一步细聊。代码如下

技术分享技术分享
  1 package cn.bitlove.waterfalllistview.widget;
  2 
  3 import cn.bitlove.waterfalllistview.R;
  4 import android.content.Context;
  5 import android.util.AttributeSet;
  6 import android.view.LayoutInflater;
  7 import android.view.View;
  8 import android.view.ViewGroup;
  9 import android.widget.AbsListView;
 10 import android.widget.FrameLayout;
 11 import android.widget.AbsListView.OnScrollListener;
 12 import android.widget.ListView;
 13 
 14 /**
 15  * 瀑布流Listview
 16  * */
 17 public class WaterfallListview extends ListView implements OnScrollListener {
 18 
 19     final private String tag="WaterfallListView";
 20     private Context mContext;
 21     private LayoutInflater mInflater;        
 22     final int REFRESH_IDEL=0;        //空闲中
 23     final int REFRESH_PREPARE=1;    //准备刷新
 24     final int REFRESH_ING=2;        //刷新中
 25     final int REFRESH_End=3;        //刷新完成
 26     private int mRefreshState = REFRESH_IDEL;        //刷新状态
 27     private int mScrollState;        //滚动状态
 28 
 29     private FrameLayout mFooterLayout;    //ListView 的footer
 30     private View mListFoot;        //底部刷新区域
 31 
 32     private IOnRefresh mRefreshListener = null;    //刷新监听器
 33     public WaterfallListview(Context context) {
 34         super(context);
 35     }
 36     public  WaterfallListview(Context context, AttributeSet attrs) {
 37         super(context,attrs);
 38         init();
 39     }
 40     @Override
 41     public void onScrollStateChanged(AbsListView view, int scrollState) {
 42         mScrollState = scrollState;
 43     }
 44 
 45     @Override
 46     public void onScroll(AbsListView view, int firstVisibleItem,
 47             int visibleItemCount, int totalItemCount) {
 48         if(totalItemCount==0 || mScrollState==SCROLL_STATE_IDLE){
 49             return;
 50         }
 51         //最后一个item
 52         int lastItemCount = firstVisibleItem+visibleItemCount;
 53         if(lastItemCount==totalItemCount && mRefreshState==REFRESH_IDEL){
 54             prepareRefresh();
 55             doRefresh();
 56         }
 57     }
 58 
 59     private void init(){
 60         mCOntext= getContext();
 61         mInflater = (LayoutInflater) mContext.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
 62         initFooter();
 63         setOnScrollListener(this);
 64     }
 65     /**
 66      * 设置刷新器
 67      * */
 68     public void setRefreshListener(IOnRefresh refresher){
 69         mRefreshListener = refresher;
 70     }
 71 
 72     /**
 73      * 初始化底部刷新内容
 74      * */
 75     private void initFooter(){
 76         mListFoot = mInflater.inflate(R.layout.foot_waterfall_listview, null);
 77         mFooterLayout = new FrameLayout(mContext);
 78         addFooterView(mFooterLayout);
 79     }
 80     /**
 81      * 准备刷新
 82      * */
 83     private void prepareRefresh(){
 84         //Log.i(tag,"prepareRefresh");
 85         mRefreshState = REFRESH_PREPARE;
 86         ViewGroup vg = (ViewGroup) mListFoot.getParent();
 87         if(vg!=null){
 88             vg.removeView(mListFoot);
 89         }
 90 
 91         mFooterLayout.addView(mListFoot);
 92 
 93         if(mRefreshListener!=null){
 94             mRefreshListener.beforeRefresh();
 95         }
 96     }
 97     /**
 98      * 执行刷新
 99      * */
100     private void doRefresh(){
101         //Log.i(tag,"doRefresh");
102         mRefreshState=REFRESH_ING;
103 
104         if(mRefreshListener!=null){
105             mRefreshListener.doRefresh();
106         }
107 
108     }
109     /**
110      * 完成刷新
111      * */
112     public void completeRefresh(){
113         mRefreshState = REFRESH_IDEL;
114         mFooterLayout.removeAllViews();
115     }
116     
117     public interface IOnRefresh{
118         public void beforeRefresh();
119         /**
120          * 执行完doRefresh操作后,必须调用completeRefresh方法来清理刷新状态
121          * */
122         public void doRefresh();
123     }
124 }
View Code

底部视图  

  为了完成滑动到底部后触发刷新事件,为此给Listview增加了一个底部view,代码如下

 1 xml version="1.0" encoding="utf-8"?>
 2 
 3 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 4     android:layout_width="match_parent"
 5     android:layout_height="match_parent" 
 6     >
 7     
 8 <TextView 
 9     android:layout_height="40dp"
10     android:layout_width="match_parent"
11     android:text="加载更多数据..."
12     android:gravity="center"
13     />
14 RelativeLayout>

很简单,只是用来展示一个获取状态。

接口

   除此之外,还增加了一个内部接口,IOnRefresh,表示相关事件,代码如下所示

1 public interface IOnRefresh{
2         public void beforeRefresh();
3         /**
4          * 执行完doRefresh操作后,必须调用completeRefresh方法来清理刷新状态
5          * */
6         public void doRefresh();
7 }

 这两个方法的含义根据名字来看就很清楚了,beforeRefresh,在刷新之前调用,让client有机会做一些事情;doRefresh,真正执行刷新到部分,另外需要注意到时候,当执行完刷新到时候,要掉用下widget的completeRefresh方法来清理刷新状态,标示真正执行完了刷新操作

completeRefresh方法

很简单到一个方法,有两个主要功能,一是置状态,二是取消listview底部的view,代码如下

1 public void completeRefresh(){
2         mRefreshState = REFRESH_IDEL;
3         mFooterLayout.removeAllViews();
4 }

设计思路

  大体到内容就是以上那些,下面来看下实现的思路。
  为了完成这个功能,增加了一个刷新状态mRefreshState,这个状态用来表示当前控件所处到刷新状态,以便在不同状态下做不同到处理,其有以下四个状态

final int REFRESH_IDEL=0;        //空闲中
final int REFRESH_PREPARE=1;    //准备刷新
final int REFRESH_ING=2;        //刷新中
final int REFRESH_End=3;        //刷新完成

然后整个widget到逻辑就是控制这四个状态,然后在不同到状态执行不同到操作,比如在执行beforeRefresh函数时,此时状态处于REFRESH_PREPARE,
当执行doRefresh时状态处于REFRESH_ING,当我们调用completeRefresh后,状态改为REFRESH_IDEL,其实当初设计的时候还希望有一个REFRESH_End状态,但是实现过程中没有发现此状态的用处,暂时为保留状态,以便以后扩充用。

控制状态

控制状态,主要是在onScroll函数中操作的,代码如下

 1 @Override
 2     public void onScroll(AbsListView view, int firstVisibleItem,
 3             int visibleItemCount, int totalItemCount) {
 4         if(totalItemCount==0 || mScrollState==SCROLL_STATE_IDLE){
 5             return;
 6         }
 7         //最后一个item
 8         int lastItemCount = firstVisibleItem+visibleItemCount;
 9         if(lastItemCount==totalItemCount && mRefreshState==REFRESH_IDEL){
10             prepareRefresh();
11             doRefresh();
12         }
13     }

主要实现思路就是监测最后一个item是否出现。

  好了,到此为止,主要到思路就完了。

后记

  这个控件到Demo程序下载地址:https://github.com/xiaoai-opensource/WaterfallListview

  有需要到朋友可以前去下载查看

瀑布流ListView


推荐阅读
  • 申请地址:https://developer.apple.com/appstore/contact/?topic=expedite 常见申请理由:1. 我们即将发布新产品,这是一个媒体活动,我们无法承担任何风险,因此在多个方面努力提升应用质量。 ... [详细]
  • 解决网页乱码问题的实用方法
    网页乱码问题在开发中较为常见,主要由文件编码、程序字符集设置和数据库连接字符集设置不当引起。本文将详细介绍如何逐一排查并解决这些问题。 ... [详细]
  • 本文通过一个示例展示了如何使用HTML和CSS美化并实现响应式的按钮组。 ... [详细]
  • 本文介绍了 Oracle SQL 中的集合运算、子查询、数据处理、表的创建与管理等内容。包括查询部门号为10和20的员工信息、使用集合运算、子查询的注意事项、数据插入与删除、表的创建与修改等。 ... [详细]
  • 作为一名饼干爱好者,我尝试过各种各样的饼干。虽然威化饼和消化饼都有其独特的风味,但我对柠檬夹心饼干情有独钟。这种饼干不仅口感丰富,还带有清新的柠檬香味。 ... [详细]
  • 在 PHP 中,使用 `continue` 关键字结合数字可以有效地终止嵌套的 `foreach` 循环。本文将详细介绍如何使用 `continue` 加数字来控制不同层次的循环。 ... [详细]
  • 如何使用strip()方法去除字符串首尾的空白字符
    本文介绍如何使用Python中的strip()方法来去除字符串首尾的空白字符,包括空格、制表符和换行符。 ... [详细]
  • 线段树,注 ... [详细]
  • Java EE 平台集成了多种服务、API 和协议,旨在支持基于 Web 的多层应用程序开发。本文将详细介绍 Java EE 中的 13 种关键技术规范,帮助开发者更好地理解和应用这些技术。 ... [详细]
  • 2017年5月9日学习总结
    本文记录了2017年5月9日的学习内容,包括技术分享和相关知识点的深入探讨。 ... [详细]
  • 本文章提供了适用于 Cacti 的多核 CPU 监控模板,支持 2、4、8、12、16、24 和 32 核配置。请注意,0.87g 版本的 Cacti 需要手动修改哈希值为 0021 才能使用,而 0.88 及以上版本则可直接导入。 ... [详细]
  • Gty的二逼妹子序列 - 分块与莫队算法的应用
    Autumn 和 Bakser 正在研究 Gty 的妹子序列,但遇到了一个难题。他们希望计算某个区间内美丽度属于 [a, b] 的妹子的美丽度种类数。本文将详细介绍如何利用分块和莫队算法解决这一问题。 ... [详细]
  • 年前,我发表了一篇文章,分享了自己通过在线教育平台学习IT技能的经历。文中详细探讨了在线教育与传统线下教育在技能培训方面的优缺点。许多网友在讨论在线教育时,常常提到“在线教育是否缺乏学习氛围”的问题。本文将对此进行深入分析。 ... [详细]
  • 从零开始编译Linux系统:第16章 全新起点
    本章将详细介绍如何从零开始编译一套完整的Linux系统,涵盖关键组件如glibc库的介绍及其重要性。通过本文,读者将了解从源代码构建Linux系统的全过程。 ... [详细]
  • 阿里云 Aliplayer高级功能介绍(八):安全播放
    如何保障视频内容的安全,不被盗链、非法下载和传播,阿里云视频点播已经有一套完善的机 ... [详细]
author-avatar
莫轻松
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有