关键词:
千里执行,始于足下。做了这个下拉刷新,这是我自己的想告诫自己的。说白了,自己最近真的太懒了。实在是太懒了。。。。。。没等做完就发现这其实是个很简单的东西,偏偏以前觉得好高端,好大气,好上档次。。。哎。
一、思路:
通过重写ListView,在ListView创建对象的时候添加一个headerView(通过addHeaderView方法),然后将headerView隐藏在最上面,监听屏幕的滚动,当最上面显示的是第一条数据的时候,再滑动屏幕,就出现headerView;拉到一定距离,松开手就可以刷新数据了。太简单了。哎。最后不要忘了对外暴露一些接口,让用户来控制这个下拉刷新控件的动作。
二、开始前的准备:
一个headerView的布局,说起这个headerView真是把我坑苦了。我开始写的时候跟节点是用的FrameLayout,然后在使用setPadding隐藏headerView的时候死活不起作用,我以为自己错了,把代码删了,重新写,我以为eclipse出问题了,eclipse重启了N遍,我还以为电脑跪了,电脑重启了两遍。最后在同事电脑上写了个简单的,各种通过。然后各种求救,各种咨询。。各种无助。折腾俩小时后才想到是不是布局的问题。
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content" >
<FrameLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content" >
<LinearLayout
android:id="@+id/loading"
android:layout_width="wrap_content"
android:layout_height="55dp"
android:layout_gravity="center_horizontal"
android:gravity="center_vertical"
android:visibility="invisible" >
<ProgressBar
android:layout_width="24dp"
android:layout_height="24dp"
android:layout_marginRight="5dp" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="数据加载中..."
android:textColor="@android:color/black" />
</LinearLayout>
<LinearLayout
android:id="@+id/refresh"
android:layout_width="wrap_content"
android:layout_height="55dp"
android:layout_gravity="center_horizontal"
android:gravity="center_vertical"
android:visibility="visible" >
<ImageView
android:id="@+id/refresh_indicator"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/pull_arrow_down" />
<TextView
android:id="@+id/refresh_text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="20dp"
android:text="下拉可以刷新"
android:textColor="@android:color/black" />
</LinearLayout>
</FrameLayout>
</LinearLayout>
首先要做的是把这个headerView添加到ListView的headerView位置,然后测量这个headerView(测量的数据将来会用到),然后通过setPadding方法将headerView隐藏。
想想下拉刷新时的那几种状态,不刷新或者刷新完成的时候、下拉的时候、正在加载数据的时候。下拉的时候还有两种,下拉刷新和松开刷新。如何控制呢?如何知道何时是何状态呢?
要想控制状态,首先状态标记肯定要有。我在写的时候定义个一个int类型的state用于状态标记。通过识别用户在手机屏幕上滑动的距离来确定状态
再然后,给外不提供一些接口,当刷新状态的时候,要让用户来执行加载数据的代码,还要提供一个停止刷新状态的接口,最好在来个开启关闭可以下拉刷新功能的接口。
再然后,这写代码写完了,就搞定了。这个Demo测试没有问题就OK了。
注释写的很详细,需要看的时候,看注释肯定能明白。没错,就这么简单。顺便鄙视以前不敢写一直抄这个功能的自己。
对了,不要忘了把onReflesh里的代码写到子线程里。
package com.example.pullrefreashview;
import android.content.Context;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AbsListView;
import android.widget.AbsListView.OnScrollListener;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.ListView;
import android.widget.TextView;
public class PullRefreshView extends ListView implements OnScrollListener
public PullRefreshView(Context context)
super(context);
init(context);
public PullRefreshView(Context context, AttributeSet attrs, int defStyle)
super(context, attrs, defStyle);
init(context);
public PullRefreshView(Context context, AttributeSet attrs)
super(context, attrs);
init(context);
@Override
public void onScrollStateChanged(AbsListView view, int scrollState)
/* header测量后的高度 */
private int headerMesuredHeight;
/* 头View */
private View header;
/* loading 和 下拉时的View */
private LinearLayout loading, refresh;
/* 下拉时的箭头 */
private ImageView refresh_indicator;
/* 下拉时的文字提示 */
private TextView refresh_text;
/* 当前状态 */
private byte state;
/* 完成状态 */
private final byte STATE_DONE = 0;
/* 下拉可以刷新 */
private final byte STATE_PULL_TO_FRESH = 1;
/* 松开即可刷新 */
private final byte STATE_RELEASE_TO_FRESH = 2;
/* 正在加载 */
private final byte STATE_LOADING = 3;
private void init(Context context)
/* 实例化控件 */
header = inflate(context, R.layout.header, null);
loading = (LinearLayout) header.findViewById(R.id.loading);
refresh = (LinearLayout) header.findViewById(R.id.refresh);
refresh_indicator = (ImageView) header
.findViewById(R.id.refresh_indicator);
refresh_text = (TextView) header.findViewById(R.id.refresh_text);
/* 测量 */
mesureView(header);
/* header测量后的高度 */
headerMesuredHeight = header.getMeasuredHeight();
/* 添加头View */
addHeaderView(header);
/* 设置滚动监听 */
setOnScrollListener(this);
/* 初始状态 */
state = STATE_DONE;
onHeaderViewStateChanged();
/* 是否可以下拉 */
private boolean canPull;
@Override
public void onScroll(AbsListView view, int firstVisibleItem,
int visibleItemCount, int totalItemCount)
/* 当显示的第一个条目为第0条并且状态不是loding时,才可以 */
if (state != STATE_LOADING)
canPull = (firstVisibleItem == 0 && isOpenReflesh);
/* 按下时的Y坐标 */
private float startY;
/* 手指滑动的Y轴的距离,根据距离判定状态 */
private float distanceY;
@Override
public boolean onTouchEvent(MotionEvent ev)
switch (ev.getAction())
case MotionEvent.ACTION_DOWN:
/* 如果设置了不是用下拉刷新,当然也不可以拉了 */
startY = ev.getY();
break;
case MotionEvent.ACTION_MOVE:
if (canPull)
distanceY = ev.getY() - startY;
if (distanceY > headerMesuredHeight)
state = STATE_RELEASE_TO_FRESH;
onHeaderViewStateChanged();
else if (distanceY > 0)
state = STATE_PULL_TO_FRESH;
onHeaderViewStateChanged();
break;
case MotionEvent.ACTION_UP:
if (distanceY >= headerMesuredHeight)
state = STATE_LOADING;
onHeaderViewStateChanged();
canPull = false;
else
state = STATE_DONE;
onHeaderViewStateChanged();
break;
default:
break;
return super.onTouchEvent(ev);
/* 当state变化的时候掉用的方法 */
private void onHeaderViewStateChanged()
switch (state)
case STATE_DONE:
header.setPadding(0, -headerMesuredHeight, 0, 0);
loading.setVisibility(View.INVISIBLE);
refresh.setVisibility(View.VISIBLE);
invalidate();
break;
case STATE_PULL_TO_FRESH:
header.setPadding(0, -headerMesuredHeight + (int) distanceY, 0, 0);
loading.setVisibility(View.INVISIBLE);
refresh.setVisibility(View.VISIBLE);
refresh_text.setText("下拉可以刷新");
refresh_indicator.setImageResource(R.drawable.pull_arrow_down);
invalidate();
break;
case STATE_RELEASE_TO_FRESH:
header.setPadding(0, -headerMesuredHeight + (int) distanceY, 0, 0);
loading.setVisibility(View.INVISIBLE);
refresh.setVisibility(View.VISIBLE);
refresh_text.setText("松开即可刷新");
refresh_indicator.setImageResource(R.drawable.pull_arrow_up);
break;
case STATE_LOADING:
header.setPadding(0, 0, 0, 0);
loading.setVisibility(View.VISIBLE);
refresh.setVisibility(View.INVISIBLE);
invalidate();
if (onRefleshListener != null)
onRefleshListener.onReflesh();
break;
default:
break;
/* 测量View */
private void mesureView(View child)
ViewGroup.LayoutParams lp = child.getLayoutParams();
if (lp == null)
lp = new ViewGroup.LayoutParams(
ViewGroup.LayoutParams.MATCH_PARENT,
ViewGroup.LayoutParams.WRAP_CONTENT);
int childMeasureWidth = ViewGroup.getChildMeasureSpec(0, 0, lp.width);
int childMeasureHeight;
if (lp.height > 0)
childMeasureHeight = MeasureSpec.makeMeasureSpec(lp.height,
MeasureSpec.EXACTLY);
else
childMeasureHeight = MeasureSpec.makeMeasureSpec(0,
MeasureSpec.UNSPECIFIED);
child.measure(childMeasureWidth, childMeasureHeight);
/* 刷新监听接口 */
public static interface OnRefleshListener
public void onReflesh();
private OnRefleshListener onRefleshListener;
/* 设置刷新监听的接口 */
public void setOnRefleshListener(OnRefleshListener listener)
this.onRefleshListener = listener;
private boolean isOpenReflesh = true;
/* 设置开启关闭下拉刷新功能的接口 */
public void setPullToReflesh(boolean open)
isOpenReflesh = open;
/* 刷新完成后调用的接口 */
public void onRefleshCompleted()
state = STATE_DONE;
onHeaderViewStateChanged();
下班,走人。
androidlistview做下拉刷新下拉跳到第一项怎么解决
参考技术AlistView.setonRefreshListener(newOnRefreshListener()@OverridepublicvoidonRefresh()Log.e(TAG,"---下拉刷新---");newAsyncTask()protectedVoiddoInBackground(Void...params)trymylineslistlist.clear();mylinesorderlist.clear();list.clear();getMylines(0);catch(Exceptione)e.printStac... 查看详情
androidlistview局部刷新和模拟应用下载(zhu)
在android开发中,listview是比较常用的一个组件,在listview的数据需要更新的时候,一般会用notifyDataSetChanged()这个函数,但是它会更新listview中所有可视范围内的item,这样对性能肯定会有影响。比较常见的情景是android应用商店中... 查看详情
androidlistview刷新焦点问题
最近在做一个android项目,使用了ListView,每隔N秒刷新一下ListView,listView.setAdapter(adapter);现在的问题是每次刷新后,焦点就会返回到第一条,如何能让原有焦点保留?3Q~rospin说的方法可能产生bug,比如用户不点击item,而是用上下... 查看详情
androidlistview不能刷新adapter.notifydatasetchanged()和setlistadapter(myadapter)都不好用
publicclassPortraitContectPicActivityextendsListActivityContextmContext=null;privatestaticfinalString[]PHONES_PROJECTION=newString[]...privateArrayList<String>mContactsName=newArrayList<String>();...ListViewmListView=null;MyListAdaptermyAdapter=null;@OverridepublicvoidonCreate(Bundlesave... 查看详情
下拉刷新pulltorefresh定制
...ingLayout中找到显示动画的ImageView控件,此控件自己定义,原来的控件隐藏。 mLo 查看详情
androidwebview怎么实现下拉刷新
这个就需要你判断下拉的位置了,需要用到事件流的分发,oninterrupttouchevent(),具体的名字记不住了,你打一下就会出来,如果位置是从最上方开始的,把这个下拉时间分给下拉刷新处理,如果不是,就给webview处理。思想就... 查看详情
微信小程序:关于下拉刷新pulldownrefresh
...顶部有三个点闪烁的动画;而我的小程序顶部一片空白。原来,还有一个配置,"backgroundTextStyle":"",支持dark/light;因为我的背景是白色的,此时,不进行这个配置,因为颜色的缘故,三个点闪烁的动画就看不到了... 查看详情
使用mui框架,模拟手机端的下拉刷新,上拉加载操作。
...个框架:http://dev.dcloud.net.cn/mui/那么如何实现上拉刷新,下拉加载的功呢?首先需要一个容器:1<!--下拉刷新容器-->2<divid="refreshContainer"class="mui-contentmui-scroll-wrappe 查看详情
从下拉菜单中选择后想要使用更新的 SQL 语句刷新页面
】从下拉菜单中选择后想要使用更新的SQL语句刷新页面【英文标题】:WanttorefreshpagewithupdatedSQLstatementafterchoosingfromdropdownmenu【发布时间】:2022-01-0711:13:57【问题描述】:我尝试了很多谷歌,并在其他***类似的帖子中进行了搜索,... 查看详情
在下拉选择的索引更改事件上刷新 Kendo UI 网格
】在下拉选择的索引更改事件上刷新KendoUI网格【英文标题】:RefreshKendoUIgridondropdownselectedindexchangeevent【发布时间】:2014-06-1002:38:53【问题描述】:很抱歉再次问这个常见问题,但我真的无法理解几点。所以,我有这个使用Telerik... 查看详情
androidlistview上拉获取下一页
关于ListView上拉刷新的需求很多,实现方式也多种多样。 一般是简单的通过一个page变量来控制当前请求的页数,然后上拉的时候就发送请求。 实现出来后,经过测试哥的折腾,发现有诸多细节没有处理... 查看详情
7-5高级功能列表下拉刷新与上拉加载更多功能实现
...就是我们触发加载更多的逻辑。所以调用了_loadData方法把原来的数组复制一份新的数组又加载了一份。运行效果initState是生命周期的开始。dispose是声明周期的结束。在结束的时候释放了_scrollController.dispose();让我们及时的把我们... 查看详情
刷新令牌轮换 - 真的足够了吗?
】刷新令牌轮换-真的足够了吗?【英文标题】:RefreshTokenRotation-isitreallyenough?【发布时间】:2021-02-1819:26:26【问题描述】:在使用OIDC服务器进行身份验证的单页应用程序(JavaScript)的上下文中,保持会话活动(在过期后获取更多... 查看详情
修改了js代码,刷新网页后,加载的js还是原来旧的?
本地修改JS脚本后,刷新网页看一下修改后的执行效果,结果调试显示加载的JS还是原来旧的,反复刷新均无效,郁闷! 解决办法:清理一下浏览器缓存(长经验了!) 查看详情
ios常用刷新控件(下拉、上拉)详解
...说一下:UIActivityIndicator作为刷新控件主要实现方法如下:下拉刷新01-默认下拉刷新02-动画图片下拉刷新03-隐藏时间下拉刷新04-隐藏状态和时间下拉刷新05-自定义文字下拉刷新06-自定义刷新控件上拉刷新01-默认上拉刷新02-动画图片... 查看详情
微信在电脑端下拉会刷新
1.下拉刷新的概念及应用场景。概念:下拉刷新是移动端更新列表数据的交互行为,用户通过手指在屏幕上子上而下的滑动,可以触发页面的下拉刷新,更新列表数据。应用场景:在移动端,数据列表是常见的页面效果,更新列... 查看详情
androidlistview折叠要怎么弄?
看起来好像不是ExpandableList和TreeView,这个是怎么实现的?参考技术A个人思路:Listview设置适配器的时候,多加2个参数,1、折叠数据(你这里用string[]就好)2、是否折叠在getview里面判断折叠数据大小,如果有数据,显示右边的... 查看详情
weui下拉刷新(可用在appcan下拉刷新)
最近在做手机版使用到了下拉刷新和滚动加载,记录一下实现过程:一、引入文件1234<linkrel="stylesheet" href="Content/jqueryweui/weui.min.css"><linkrel="stylesheet" href="Content/jqueryweui/jquery-weui.min.css"><scrip 查看详情