自定义组件之MoreListView
前言
本文针对自定义组件进行一些分析。还是那句老话“授之于鱼不如授之以渔”。今天要讲的是一个自定义的可以分页的ListView。
网上都讲了些ListView分页的方法,那么为什么我在这里还需要自己写一个呢?
①分页功能是很多时候都需要的;
②网上的很多代码和数据绑定在一起的,要使用的话还需要改些东西,更重要的是代码很啰嗦、很糟糕(当然只是个人风格问题,至少我是这么认为);
③或者是功能太强大而我们仅仅是需要分页功能,但是又不好分离出来。
所以写个分页的listview就很有必要了,尤其是可以直接使用的listview。
效果图
说得再多都是苍白无力的理论,先给个效果图看看吧。
分析
这个组件看上去简单,不过需要处理的细节还是挺多的。首先要明确这个组件是做什么的。简单地讲就是做分页显示或分页加载的。那么需要考虑这两个问题:
1、什么时候需要分页?
那么什么时候需要分页呢,这个答案是很明朗的。当数据数量不能填满一屏的时候那么就不用分页。在这个组件中我是这么来定分页的:首次加载的数量大于一屏显示数量时那么就认为有分页的可能,滑动到底部就需要“more”这个按钮。
2、何时加载分页信息?
至于何时进行分页,这是这个组件的关键。理论上是滑动到listview最底部的时候就需要显示一个“more”按钮,点击后进行分页,但是实际上我们需要做一定的小改动,也就是提前加载,及还没有滑动到最底部就开始加载。这样看来主要的问题就落在了如何判断是否滑动到了最底部。这问题在代码中讨论吧。
代码实现
MoreListView 组件代码:
/***********************************************************
*@description : This class function is you can load more datas
*
* @create author : kwzhang
* @create date :2013-6-19
* @modify author :
* @modify date :
* @contact: vanezkw@163.com
*
**********************************************************/
package com.example.demo; import android.content.Context;
import android.util.AttributeSet;
import android.view.View;
import android.widget.AbsListView;
import android.widget.Button;
import android.widget.ListAdapter;
import android.widget.ListView; /**
* @author kwzhang
*
*/
public class MoreListView extends ListView { private View mFooter;
private LoadingListener mListener;
private boolean mShowMore = true; /**
* @param context
* @param attrs
*/
public MoreListView(Context context, AttributeSet attrs) {
super(context, attrs);
initFooter(context);
} /**
* @param mListener
* the mListener to set
*/
public void setListener(LoadingListener mListener) {
this.mListener = mListener;
setOnScrollListener(innerOnScrollListener);
} /**
* @return the mShowMore
*/
public boolean isShowMore() {
return mShowMore;
} /**
* @param mShowMore
* the mShowMore to set
*/
public void setShowMore(boolean mShowMore) {
this.mShowMore = mShowMore;
} /**
* @description :TODO
* @author : kwzhang
* @create :2013-6-19
* @param context
* @return :void
*/
protected void initFooter(Context context, View footer) {
if (null == footer) {
Button bt = new Button(context);
bt.setText("More ...");
mFooter = bt;
} else {
mFooter = footer;
}
mFooter.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
if (getFooterViewsCount() > 0) {
removeFooterView(mFooter);
}
if (null != mListener) {
mListener.loadingMore(MoreListView.this);
}
}
});
addFooterView(mFooter);
} private void initFooter(Context context) {
initFooter(context, null);
} @Override
public void setAdapter(ListAdapter adapter) {
super.setAdapter(adapter);
removeFooterView(mFooter);
} /**
* @param context
* @param attrs
* @param defStyle
*/
public MoreListView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
initFooter(context);
} /**
* @param context
*/
public MoreListView(Context context) {
super(context);
initFooter(context);
} private OnScrollListener innerOnScrollListener = new OnScrollListener() {
@Override
public void onScrollStateChanged(AbsListView view, int scrollState) {
// mLastVisibleItemIndex+1 == getAdapter().getCount()时说明滑动到最底端。
// mLastVisibleItemIndex+3 是为了在倒数第二个就开始预先加载。不过此方法是采样调用,不一定及时执行。
if (mShowMore) {
int count = getAdapter().getCount();
if ((mVisibleItemCount < count) && ((mLastVisibleItemIndex + 3) >= count) && (getFooterViewsCount() == 0)) {
addFooterView(mFooter);
}
}
} private int mLastVisibleItemIndex;
private int mVisibleItemCount = -1; @Override
public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
mLastVisibleItemIndex = firstVisibleItem + visibleItemCount - 1; mVisibleItemCount = visibleItemCount; }
}; public static interface LoadingListener {
public void loadingMore(View view);
}
}
测试Demo Activity:
package com.example.demo; import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.ArrayAdapter; public class ActDemo extends Activity implements MoreListView.LoadingListener { private MoreListView listView;
private ArrayAdapter<String> mAdapter; @Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
listView = (MoreListView) findViewById(R.id.listview);
mAdapter = getAdapter();
listView.setAdapter(mAdapter);
listView.setListener(this);
} private ArrayAdapter<String> getAdapter() {
ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1);
for (int i = 0; i < 20; i++) {
adapter.add("测试数据" + i);
}
return adapter;
} @Override
public void loadingMore(View view) {
for (int i = 0; i < 10; i++) {
mAdapter.add("新数据" + i);
}
if (mAdapter.getCount() > 60) {
listView.setShowMore(false);
}
}
}
测试Demo XML布局:
<com.example.demo.MoreListView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/listview"
android:layout_width="fill_parent"
android:layout_height="fill_parent" />
从上面的测试demo中可以看出使用起来非常方便。
1、protected void initFooter(Context context, View footer)方法说明一下。这个方法是给外部提供传递view的,这个view就是显示“more”的那个view,传null的话就有个默认的Button。
2、public void setListener(LoadingListener mListener)需要分页的话就必须调用这个方法。点击“more”按钮的时候其实去调用了LoadingListener.loadingMore(View view)方法。你可以根据需要进行实现。
总结
这样的组件就比较简单实用,也没有太复杂的代码,一看就能懂。我们需要的不正是这样简单的代码吗。随便说一下如果你需要更强的的Listview的话可以去看看AmazingListView项目。下拉刷新你可以看看johannilsson-android-pulltorefresh项目
PS:对文中有不解之处欢迎交流,有什么好的建议也可以留言。留下个QQ学习群:196761677。
自定义组件之MoreListView的更多相关文章
- Android开发之自定义组件和接口回调
说到自定义控件不得不提的就是接口回调,在Android开发中接口回调用的还是蛮多的.在这篇博客开始的时候呢,我想聊一下iOS的自定义控件.在iOS中自定义控件的思路是继承自UIView, 在UIVie ...
- Android自定义组件
[参考的原文地址] http://blog.csdn.net/l1028386804/article/details/47101387效果图: 实现方式: 一:自定义一个含有EditText和Butt ...
- 自己写的几个android自定义组件
http://www.see-source.com/androidwidget/list.html 多多指点,尤其是自定义组件的适配问题,希望能有更好的方法
- PhoneGap: Android 自定义组件
Hello Core Demo Plugin Development(组件部署): http://docs.phonegap.com/en/2.0.0/guide_plugin-development ...
- android开发之自定义组件
android开发之自定义组件 一:自定义组件: 我认为,自定义组件就是android给我们提供的的一个空白的可以编辑的图片,它帮助我们实现的我们想要的界面,也就是通过自定义组件我们可以把我们要登入的 ...
- HTML5 UI框架Kendo UI Web教程:创建自定义组件(三)
Kendo UI Web包 含数百个创建HTML5 web app的必备元素,包括UI组件.数据源.验证.一个MVVM框架.主题.模板等.在前面的2篇文章<HTML5 Web app开发工具Ke ...
- HTML5 UI框架Kendo UI Web中如何创建自定义组件(二)
在前面的文章<HTML5 UI框架Kendo UI Web自定义组件(一)>中,对在Kendo UI Web中如何创建自定义组件作出了一些基础讲解,下面将继续前面的内容. 使用一个数据源 ...
- HTML5 UI框架Kendo UI Web自定义组件(一)
Kendo UI Web包含数百个创建HTML5 web app的必备元素,包括UI组件.数据源.验证.一个MVVM框架.主题.模板等.在Kendo UI Web中如何创建自定义组件呢,在下面的文章中 ...
- axure复用-自定义组件,母版(模板)
组件(控件)是用于设计线框图的用户界面元素.在组件(控件)面板中包含有常用的控件库,如按钮.图片.文本框等.从组件面板中拖动一个控件到线框图区域中,就可以添加一个组件.组件可以从一个线框图中被拷贝(C ...
随机推荐
- Origin的图片导出问题
很多会议投稿都会要求提交的pdf文件用的是type1字体,因为type1字体是矢量字体,无论怎么放大缩小都不会失真.一旦pdf里嵌入了其他非矢量字体,例如type3字体,就会通不过测试,一个典型的例子 ...
- python decorator simple example
Why we need the decorator in python ? Let's see a example: #!/usr/bin/python def fun_1(x): return x* ...
- (笔记)VC6插件安装(VC6LineNumberAddin)
VC6插件安装步骤如下: 1.下载VC6LineNumberAddin插件及注册文件.(以下是参考链接:) http://files.cnblogs.com/files/tdyizhen1314/VC ...
- 将外卖O2O广告一棍子打成竞价排名,秤把平了吗?
近日,诸多媒体报道称美团外卖.饿了么等外卖O2O将竞价排名引入外卖平台当中进行广告运营一事闹得沸沸扬扬.那么,美团外卖.饿了么真的都是竞价排名吗? 其实,美团外卖的付费推广仅仅只是针对列表的固定位置, ...
- Python核心编程(切片索引的更多内容)
# coding=utf8 s = 'abcde' i = -1 for i in range(-1, -len(s), -1): print(s[:i]) # 结果 ''' abcd abc ab ...
- win10 体验
最近听说win10出了正式版,微软貌似在win10上投入了很大的期望,不知道到底怎么样,实践出真知,小编今天就亲自体验一下! 其实很多人对win8不满意,主要是因为win8 的兼容性不尽人意,小编的电 ...
- uva111动态规划之最长公共子序列
http://acm.hust.edu.cn/vjudge/contest/view.action?cid=74662#problem/C A B C D E C - Largest Rect ...
- HTML、XHTML XML和DHTML的区别
XML与HTML的设计区别是:XML是用来存储数据的,重在数据本身.而HTML是用来定义数据的,重在数据的显示模式 XHTML(The Extensible HyperText Markup Lang ...
- LPC43xx SGPIO DMA and Interrupts
The SGPIO output pins SGPIO14 and SGPIO15 can trigger a GPDMA request SGPIO pins SGPIO14 and SGPIO15 ...
- C#版Windows服务安装卸载小工具-附源码
前言 在我们的工作中,经常遇到Windows服务的安装和卸载,在之前公司也普写过一个WinForm程序选择安装路径,这次再来个小巧灵活的控制台程序,不用再选择,只需放到需要安装服务的目录中运行就可以实 ...