ListView扩展上拉加载更多,下拉刷新

2024-08-31 20:32

本文主要是介绍ListView扩展上拉加载更多,下拉刷新,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

一、加载过程动态展示动画


       在APP的研发中,加载过程用动画更改时间的消耗,增强用户体验。而有个更精细的加载过程动画,会不断从细节优化APP的体验。且随着APP与服务器交互的增多,加载状态的表示占有越来越重要的地位。

       当前使用Android帧动画,应用较多数量图片,形成“沙漏”计时器。

       Android自定义控件主要有以下实现步骤:

1,定义属性;

2,重写构造方法,获取属性定义;

3,重写OnDraw();

4,重写OnMeasure()。

       形成的自定义控件可与之前的Android自带控件一样使用。

       加载状态是一个自定义控件,但是其实现过程并没有那么复杂 @_@

类的实现:

public class ProgressBarLoading extends ProgressBar{private Context mContext;public ProgressBarLoading(Context context) {super(context);this.mContext = context;initViews();}public ProgressBarLoading(Context context, AttributeSet attrs) {super(context, attrs);this.mContext = context;initViews();}private void initViews() {checkProgressbarDrawable(R.anim.loading_anim, this);}/*** 图片帧动画高版本适配方案* @param @param resId* @param @param p * @author zhuanggy* @date 2016-1-19*/private void checkProgressbarDrawable(int resId, ProgressBar p) {if (android.os.Build.VERSION.SDK_INT >= 23) {try {Drawable drawable = MainApplication.getInstance().getResources().getDrawable(resId);p.setIndeterminateDrawable(drawable);p.setIndeterminate(true);// p.requestLayout();} catch (Exception e) {e.printStackTrace();}}}
}
loading_anim.xml的实现:

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"><item android:drawable="@mipmap/ic_loading_common0" android:duration="200"/><item android:drawable="@mipmap/ic_loading_common1" android:duration="200"/><item android:drawable="@mipmap/ic_loading_common2" android:duration="200"/><item android:drawable="@mipmap/ic_loading_common3" android:duration="200"/><item android:drawable="@mipmap/ic_loading_common4" android:duration="200"/><item android:drawable="@mipmap/ic_loading_common5" android:duration="200"/><item android:drawable="@mipmap/ic_loading_common6" android:duration="200"/><item android:drawable="@mipmap/ic_loading_common7" android:duration="200"/><item android:drawable="@mipmap/ic_loading_common8" android:duration="200"/><item android:drawable="@mipmap/ic_loading_common9" android:duration="200"/><item android:drawable="@mipmap/ic_loading_common10" android:duration="200"/><item android:drawable="@mipmap/ic_loading_common11" android:duration="200"/><item android:drawable="@mipmap/ic_loading_common12" android:duration="200"/><item android:drawable="@mipmap/ic_loading_common13" android:duration="200"/><item android:drawable="@mipmap/ic_loading_common14" android:duration="200"/><item android:drawable="@mipmap/ic_loading_common15" android:duration="200"/><item android:drawable="@mipmap/ic_loading_common16" android:duration="200"/></animation-list>
以下是实现效果:


还是老规矩,这里是源码!!


二、XlistView的使用


XlistView的源码实现:

public class XListView extends ListView implements OnScrollListener {private float mLastY = -1; // save event yprivate Scroller mScroller; // used for scroll backprivate OnScrollListener mScrollListener; // user's scroll listener// the interface to trigger refresh and load more.private IXListViewListener mListViewListener;private IXListViewOnTouchListener mListviewTouchListener;// -- header viewprivate XListViewHeader mHeaderView;// header view content, use it to calculate the Header's height. And hide it// when disable pull refresh.private RelativeLayout mHeaderViewContent;// private TextView mHeaderTimeView;private int mHeaderViewHeight; // header view's heightprivate boolean mEnablePullRefresh = true;private boolean mPullRefreshing = false; // is refreashing.// -- footer viewprivate XListViewFooter mFooterView;private boolean mEnablePullLoad;private boolean mPullLoading;private boolean mIsFooterReady = false;// total list items, used to detect is at the bottom of listview.private int mTotalItemCount;// for mScroller, scroll back from header or footer.private int mScrollBack;private final static int SCROLLBACK_HEADER = 0;private final static int SCROLLBACK_FOOTER = 1;private final static int SCROLL_DURATION = 400; // scroll back durationprivate final static int PULL_LOAD_MORE_DELTA = 50; // when pull up >= 50px// at bottom, trigger// load more.private final static float OFFSET_RADIO = 1.8f; // support iOS like pull// feature./*** @param context*/public XListView(Context context) {super(context);initWithContext(context);}public XListView(Context context, AttributeSet attrs) {super(context, attrs);initWithContext(context);}public XListView(Context context, AttributeSet attrs, int defStyle) {super(context, attrs, defStyle);initWithContext(context);}private void initWithContext(Context context) {mScroller = new Scroller(context, new DecelerateInterpolator());// XListView need the scroll event, and it will dispatch the event to// user's listener (as a proxy).super.setOnScrollListener(this);// init header viewmHeaderView = new XListViewHeader(context);mHeaderViewContent = (RelativeLayout) mHeaderView.findViewById(R.id.xlistview_header_content);// mHeaderTimeView = (TextView)// mHeaderView.findViewById(R.id.xlistview_header_time);addHeaderView(mHeaderView);// init footer viewmFooterView = new XListViewFooter(context);setFadingEdgeLength(0);// 去掉边缘阴影// init header heightmHeaderView.getViewTreeObserver().addOnGlobalLayoutListener(new OnGlobalLayoutListener() {@Overridepublic void onGlobalLayout() {mHeaderViewHeight = mHeaderViewContent.getHeight();getViewTreeObserver().removeGlobalOnLayoutListener(this);}});// setFastScrollEnabled(true);}@Overridepublic void setAdapter(ListAdapter adapter) {// make sure XListViewFooter is the last footer view, and only add once.if (mIsFooterReady == false) {mIsFooterReady = true;addFooterView(mFooterView);}super.setAdapter(adapter);}/*** enable or disable pull down refresh feature.** @param enable*/public void setPullRefreshEnable(boolean enable) {mEnablePullRefresh = enable;if (!mEnablePullRefresh) { // disable, hide the contentmHeaderViewContent.setVisibility(View.INVISIBLE);} else {mHeaderViewContent.setVisibility(View.VISIBLE);}}/*** enable or disable pull up load more feature.** @param enable*/public void setPullLoadEnable(boolean enable) {mEnablePullLoad = enable;if (!mEnablePullLoad) {mPullLoading = false;mFooterView.hide();mFooterView.setOnClickListener(null);} else {mPullLoading = false;mFooterView.show();mFooterView.setState(XListViewFooter.STATE_NORMAL);// both "pull up" and "click" will invoke load more.mFooterView.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View v) {startLoadMore();}});}}/*** stop refresh, reset header view.*/public void stopRefresh() {if (mPullRefreshing == true) {mPullRefreshing = false;resetHeaderHeight();mHeaderView.setState(XListViewHeader.STATE_NORMAL);}}/*** stop load more, reset footer view.*/public void stopLoadMore() {Log.e("", "stopLoadMore");// if (mPullLoading) {// == trueLog.e("", "完成载入.............");mPullLoading = false;mFooterView.setState(XListViewFooter.STATE_NORMAL);// }}public boolean isLoadingMore() {return mPullLoading;}public boolean isRefresh() {return mPullRefreshing;}/*** set last refresh time** @param time*/public void setRefreshTime(String time) {// mHeaderTimeView.setText(time);}private void invokeOnScrolling() {if (mScrollListener instanceof OnXScrollListener) {OnXScrollListener l = (OnXScrollListener) mScrollListener;l.onXScrolling(this);}}private void updateHeaderHeight(float delta) {Log.e("", "delta=" + delta);mHeaderView.setVisiableHeight((int) delta + mHeaderView.getVisiableHeight());if (mEnablePullRefresh && !mPullRefreshing) { // 未处于刷新状态,更新箭头if (mHeaderView.getVisiableHeight() > mHeaderViewHeight) {mHeaderView.setState(XListViewHeader.STATE_READY);} else {mHeaderView.setState(XListViewHeader.STATE_NORMAL);}}setSelection(0); // scroll to top each time}public void setHeadRefreshShowing() {if (mHeaderView.getState() != XListViewHeader.STATE_REFRESHING) {mEnablePullRefresh = true;mPullRefreshing = true;Log.e("", "mHeaderViewHeight=" + mHeaderViewHeight);// AbsListView.LayoutParams lp = (AbsListView.LayoutParams)// mHeaderView.getLayoutParams();// lp.height = 0;// mHeaderView.setLayoutParams(lp);mHeaderView.setVisiableHeight(mHeaderViewHeight);setSelection(0); // scroll to top each timemHeaderView.setState(XListViewHeader.STATE_REFRESHING);mScrollBack = SCROLLBACK_HEADER;}// mScroller.startScroll(0, mHeaderViewHeight, 0, -mHeaderViewHeight/2,// SCROLL_DURATION);}/*** reset header view's height.*/private void resetHeaderHeight() {int height = mHeaderView.getVisiableHeight();if (height == 0) // not visible.return;// refreshing and header isn't shown fully. do nothing.if (mPullRefreshing && height <= mHeaderViewHeight) {return;}int finalHeight = 0; // default: scroll back to dismiss header.// is refreshing, just scroll back to show all the header.if (mPullRefreshing && height > mHeaderViewHeight) {finalHeight = mHeaderViewHeight;}mScrollBack = SCROLLBACK_HEADER;mScroller.startScroll(0, height, 0, finalHeight - height, SCROLL_DURATION);// trigger computeScrollinvalidate();}private void updateFooterHeight(float delta) {int height = mFooterView.getBottomMargin() + (int) delta;Log.e("", "height=" + height);if (mEnablePullLoad && !mPullLoading) {if (height > PULL_LOAD_MORE_DELTA) { // height enough to invoke load// more.mFooterView.setState(XListViewFooter.STATE_READY);} else {mFooterView.setState(XListViewFooter.STATE_NORMAL);}}mFooterView.setBottomMargin(height);// setSelection(mTotalItemCount - 1); // scroll to bottom}private void resetFooterHeight() {int bottomMargin = mFooterView.getBottomMargin();if (bottomMargin > 0) {mScrollBack = SCROLLBACK_FOOTER;mScroller.startScroll(0, bottomMargin, 0, -bottomMargin, SCROLL_DURATION);invalidate();}}private void startLoadMore() {mFooterView.setState(XListViewFooter.STATE_LOADING);if (mListViewListener != null) {mListViewListener.onLoadMore();}if (mFooterView.getState() == XListViewFooter.STATE_LOADING) {mPullLoading = true;}}@Overridepublic boolean onTouchEvent(MotionEvent ev) {if (mLastY == -1) {mLastY = ev.getRawY();}switch (ev.getAction()) {case MotionEvent.ACTION_DOWN:mLastY = ev.getRawY();if (mListviewTouchListener != null) {mListviewTouchListener.onTouchDown();}break;case MotionEvent.ACTION_MOVE:final float deltaY = ev.getRawY() - mLastY;mLastY = ev.getRawY();if (getFirstVisiblePosition() == 0) {// the first item is showing, header has shown or pull down.if ((mHeaderView.getVisiableHeight() > 0 || deltaY > 0)) {updateHeaderHeight(deltaY / OFFSET_RADIO);invokeOnScrolling();}} else if (getLastVisiblePosition() == mTotalItemCount - 1) {// last item, already pulled up or want to pull up.Log.e("", "mFooterView.getBottomMargin()=" + mFooterView.getBottomMargin() + "deltaY=" + deltaY);if ((mFooterView.getBottomMargin() > 0 || deltaY < 0)) {updateFooterHeight(-deltaY / OFFSET_RADIO);} else {if (!mPullLoading) {mFooterView.setState(XListViewFooter.STATE_NORMAL);}}}break;default:mLastY = -1; // resetif (getFirstVisiblePosition() == 0) {// invoke refreshif (mEnablePullRefresh && mHeaderView.getVisiableHeight() > mHeaderViewHeight) {mPullRefreshing = true;mHeaderView.setState(XListViewHeader.STATE_REFRESHING);if (mListViewListener != null) {new Handler().postDelayed(new Runnable() {@Overridepublic void run() {mListViewListener.onRefresh();}}, 1000);}}resetHeaderHeight();if (mFooterView.isShowingReady()) {// 上提时,如果列表不满一页,列表没向上滑动,松开载入更多startLoadMore();}} else if (getLastVisiblePosition() == mTotalItemCount - 1) {// invoke load more.if (mEnablePullLoad && mFooterView.getBottomMargin() > PULL_LOAD_MORE_DELTA && mFooterView.isShowingReady()) {startLoadMore();}resetFooterHeight();}break;}return super.onTouchEvent(ev);}@Overridepublic void computeScroll() {if (mScroller.computeScrollOffset()) {if (mScrollBack == SCROLLBACK_HEADER) {mHeaderView.setVisiableHeight(mScroller.getCurrY());} else {mFooterView.setBottomMargin(mScroller.getCurrY());}postInvalidate();invokeOnScrolling();}super.computeScroll();}@Overridepublic void onScrollStateChanged(AbsListView view, int scrollState) {if (mScrollListener != null) {mScrollListener.onScrollStateChanged(view, scrollState);}}@Overridepublic void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {// send to user's listenermTotalItemCount = totalItemCount;if (mScrollListener != null) {mScrollListener.onScroll(view, firstVisibleItem, visibleItemCount, totalItemCount);}}public void setXListViewListener(IXListViewListener l) {mListViewListener = l;}public void setXListViewOnTouchListener(IXListViewOnTouchListener l) {mListviewTouchListener = l;}public void setXListViewOnScrollListener(OnXScrollListener l) {mScrollListener = l;}/*** you can listen ListView.OnScrollListener or this one. it will invoke* onXScrolling when header/footer scroll back.*/public interface OnXScrollListener extends OnScrollListener {public void onXScrolling(View view);}/*** implements this interface to get refresh/load more event.*/public interface IXListViewListener {public void onRefresh();public void onLoadMore();}public interface IXListViewOnTouchListener {public void onTouchDown();}
}
       相比于其他控件实现,这里还需要实现头布局、尾布局。黏贴代码过于长,请参考 XlistViewDemo
       以下是使用的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"><com.future.xlistviewdemo.view.XListViewandroid:id="@+id/xlistview_body"android:layout_width="match_parent"android:layout_height="match_parent"android:cacheColorHint="@color/transparent" /></LinearLayout>
         不错,这里是展示效果:


          这里是源码Demo      ~_~






努力不应该是某种需要被时常觉知的东西,意志力是短期内会用完的精神能量。
真正坚持到最后的人靠的不是激情,而是恰到好处的喜欢和投入!


这篇关于ListView扩展上拉加载更多,下拉刷新的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1124914

相关文章

csu 1446 Problem J Modified LCS (扩展欧几里得算法的简单应用)

这是一道扩展欧几里得算法的简单应用题,这题是在湖南多校训练赛中队友ac的一道题,在比赛之后请教了队友,然后自己把它a掉 这也是自己独自做扩展欧几里得算法的题目 题意:把题意转变下就变成了:求d1*x - d2*y = f2 - f1的解,很明显用exgcd来解 下面介绍一下exgcd的一些知识点:求ax + by = c的解 一、首先求ax + by = gcd(a,b)的解 这个

科研绘图系列:R语言扩展物种堆积图(Extended Stacked Barplot)

介绍 R语言的扩展物种堆积图是一种数据可视化工具,它不仅展示了物种的堆积结果,还整合了不同样本分组之间的差异性分析结果。这种图形表示方法能够直观地比较不同物种在各个分组中的显著性差异,为研究者提供了一种有效的数据解读方式。 加载R包 knitr::opts_chunk$set(warning = F, message = F)library(tidyverse)library(phyl

Flutter 进阶:绘制加载动画

绘制加载动画:由小圆组成的大圆 1. 定义 LoadingScreen 类2. 实现 _LoadingScreenState 类3. 定义 LoadingPainter 类4. 总结 实现加载动画 我们需要定义两个类:LoadingScreen 和 LoadingPainter。LoadingScreen 负责控制动画的状态,而 LoadingPainter 则负责绘制动画。

Spring框架5 - 容器的扩展功能 (ApplicationContext)

private static ApplicationContext applicationContext;static {applicationContext = new ClassPathXmlApplicationContext("bean.xml");} BeanFactory的功能扩展类ApplicationContext进行深度的分析。ApplicationConext与 BeanF

PHP7扩展开发之数组处理

前言 这次,我们将演示如何在PHP扩展中如何对数组进行处理。要实现的PHP代码如下: <?phpfunction array_concat ($arr, $prefix) {foreach($arr as $key => $val) {if (isset($prefix[$key]) && is_string($val) && is_string($prefix[$key])) {$arr[

PHP7扩展开发之字符串处理

前言 这次,我们来看看字符串在PHP扩展里面如何处理。 示例代码如下: <?phpfunction str_concat($prefix, $string) {$len = strlen($prefix);$substr = substr($string, 0, $len);if ($substr != $prefix) {return $prefix." ".$string;} else

PHP7扩展开发之类型处理

前言 这次,我们将演示如何在PHP扩展中如何对类型进行一些操作。如,判断变量类型。要实现的PHP代码如下: <?phpfunction get_size ($value) {if (is_string($value)) {return "string size is ". strlen($value);} else if (is_array($value)) {return "array si

PHP7扩展开发之依赖其他扩展

前言 有的时候,我们的扩展要依赖其他扩展。比如,我们PHP的mysqli扩展就依赖mysqlnd扩展。这中情况下,我们怎么使用其他扩展呢?这个就是本文讲述的内容。 我们新建立一个扩展,名字叫 demo_dep , 依赖之前的say扩展。 在demo_dep扩展中,我们实现demo_say方法。这个方法调用say扩展的say方法。 代码 基础代码 确保say扩展的头文件正确安装到了php

PHP7扩展开发之函数方式使用lib库

前言 首先说下什么是lib库。lib库就是一个提供特定功能的一个文件。可以把它看成是PHP的一个文件,这个文件提供一些函数方法。只是这个lib库是用c或者c++写的。 使用lib库的场景。一些软件已经提供了lib库,我们就没必要再重复实现一次。如,原先的mysql扩展,就是使用mysql官方的lib库进行的封装。 在本文,我们将建立一个简单的lib库,并在扩展中进行封装调用。 代码 基础

PHP7扩展开发之对象方式使用lib库

前言 上一篇文章,我们使用的是函数方式调用lib库。这篇文章我们将使用对象的方式调用lib库。调用代码如下: <?php $hello = new hello(); $result = $hello->get(); var_dump($result); ?> 我们将在扩展中实现hello类。hello类中将依赖lib库。 代码 基础代码 这个扩展,我们将在say扩展上增加相关代码。sa