首页 > 学院 > 开发设计 > 正文

使用安卓自带刷新控件实现ListView的上拉加载和下拉刷新

2019-11-07 23:29:47
字体:
来源:转载
供稿:网友

前篇已经讲过安卓自带刷新控件没有上拉加载需要自己自定义相关控件才能实现。先看下效果 这里写图片描述 xml布局如下:

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/activity_main" android:layout_width="match_parent" android:layout_height="match_parent" tools:context="com.example.swiperefresh4listview.MainActivity" > <!-- 自定义View实现SwipeRefreshLayout,添加上拉加载更多的功能 --> <com.example.swiperefresh4listview.Swiperefresh4ListView android:id="@+id/srl" android:layout_width="match_parent" android:layout_height="match_parent" > <ListView android:id="@+id/lv" android:layout_width="match_parent" android:layout_height="match_parent" /> </com.example.swiperefresh4listview.Swiperefresh4ListView></RelativeLayout>

接下来是自定义刷新控件实现上拉加载了,本文以listView为例 几点思路: 实现上拉加载需满足一下几点条件: 1.手势上划并达到一定距离 2.到底底部 3.当前为非加载状态 该自定义类中设置一个接口回调对象以及里面的抽象方法,listview的滑动事件监听调用该借口方法,具体代码逻辑在某界面中继承接口实现该方法 具体代码奉上

package com.example.swiperefresh4listview;import android.content.Context;import android.support.v4.widget.SwipeRefreshLayout;import android.util.AttributeSet;import android.view.MotionEvent;import android.view.View;import android.view.ViewConfiguration;import android.widget.AbsListView;import android.widget.ListView;/** * 自定义View继承SwipeRefreshLayout,添加上拉加载更多的布局属性 */public class Swiperefresh4ListView extends SwipeRefreshLayout{ PRivate final int mScaledTouchSlop; private final View mFooterView; private ListView mListView; private OnLoadListener mOnLoadListener; /** 正在加载状态*/ private boolean isLoading; public Swiperefresh4ListView(Context context, AttributeSet attrs) { super(context, attrs); // TODO Auto-generated constructor stub // 填充底部加载布局 mFooterView = View.inflate(context, R.layout.view_footer, null); // 表示控件移动的最小距离,手移动的距离大于这个距离才能拖动控件 mScaledTouchSlop = ViewConfiguration.get(context).getScaledTouchSlop(); } @Override protected void onLayout(boolean changed, int left, int top, int right, int bottom) { super.onLayout(changed, left, top, right, bottom); // 获取ListView,设置ListView的布局位置 if (mListView == null) { // 判断容器有多少个孩子 if (getChildCount() > 0) { // 判断第一个孩子是不是ListView if (getChildAt(0) instanceof ListView) { // 创建ListView对象 mListView = (ListView) getChildAt(0); // 设置ListView的滑动监听 setListViewOnScroll(); } } } } /** * 在分发事件的时候处理子控件的触摸事件 * @param ev * @return */ private float mDownY, mUpY; @Override public boolean dispatchTouchEvent(MotionEvent ev) { switch (ev.getAction()) { case MotionEvent.ACTION_DOWN: // 移动的起点 mDownY = ev.getY(); break; case MotionEvent.ACTION_MOVE: // 移动过程中判断时候能下拉加载更多 if (canLoadMore()) { // 加载数据 loadData(); } break; case MotionEvent.ACTION_UP: // 移动的终点 mUpY = getY(); break; } return super.dispatchTouchEvent(ev); } /** * 判断是否满足加载更多条件 * @return */ private boolean canLoadMore() { // 1. 是上拉状态 boolean condition1 = (mDownY - mUpY) >= mScaledTouchSlop; if (condition1) { System.out.println("是上拉状态"); } // 2. 当前页面可见的item是最后一个条目 boolean condition2 = false; if (mListView != null && mListView.getAdapter() != null) { condition2 = mListView.getLastVisiblePosition() == (mListView.getAdapter().getCount() - 1); } if (condition2) { System.out.println("是最后一个条目"); } // 3. 正在加载状态 boolean condition3 = !isLoading; if (condition3) { System.out.println("不是正在加载状态"); } return condition1 && condition2 && condition3; } /** * 处理加载数据的逻辑 */ private void loadData() { System.out.println("加载数据..."); if (mOnLoadListener != null) { // 设置加载状态,让布局显示出来 setLoading(true); mOnLoadListener.onLoad(); } } /** * 设置加载状态,是否加载传入boolean值进行判断,后期用来加载完成后隐藏布局 * @param loading */ public void setLoading(boolean loading) { // 修改当前的状态 isLoading = loading; if (isLoading) { // 显示布局 mListView.addFooterView(mFooterView); } else { // 隐藏布局 mListView.removeFooterView(mFooterView); // 重置滑动的坐标 mDownY = 0; mUpY = 0; } } /** * 设置ListView的滑动监听 */ private void setListViewOnScroll() { mListView.setOnScrollListener(new AbsListView.OnScrollListener() { @Override public void onScrollStateChanged(AbsListView view, int scrollState) { // 移动过程中判断能否能上拉加载更多 if (canLoadMore()) { // 加载数据 loadData(); } } @Override public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) { } }); } /** * 上拉加载的接口回调 */ public interface OnLoadListener { void onLoad(); } public void setOnLoadListener(OnLoadListener listener) { this.mOnLoadListener = listener; }}

上面代码中有一个底部布局,可以自己定义就不黏贴上来了 记下来具体界面中调用给接口方法

package com.example.swiperefresh4listview;import java.util.ArrayList;import java.util.List;import java.util.Random;import com.example.swiperefresh4listview.Swiperefresh4ListView.OnLoadListener;import android.os.Bundle;import android.os.Handler;import android.support.v4.widget.SwipeRefreshLayout;import android.support.v7.app.AppCompatActivity;import android.widget.ArrayAdapter;import android.widget.ListView;import android.widget.Toast;/** * 使用谷歌提供的SwipeRefreshLayout下拉控件进行下拉刷新和上拉加载 */public class MainActivity extends AppCompatActivity { private List<String> mList; private int mCount; private ArrayAdapter<String> mAdapter; private Swiperefresh4ListView swipeRefreshView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); initUI(); reFresh(); } private void initUI() { swipeRefreshView = (Swiperefresh4ListView) findViewById(R.id.srl); ListView listView = (ListView) findViewById(R.id.lv); // 设置适配器数据 mList = new ArrayList<>(); for (int i = 0; i < 30; i++) { mList.add("我是laohu" + i + "号"); mCount++; } mAdapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, mList); listView.setAdapter(mAdapter); } private void reFresh() { // 设置颜色属性的时候一定要注意是引用了资源文件还是直接设置16进制的颜色,因为都是int值容易搞混 // 设置下拉进度的背景颜色,默认就是白色的 swipeRefreshView.setProgressBackgroundColorSchemeResource(android.R.color.white); // 设置下拉进度的主题颜色 swipeRefreshView.setColorSchemeResources(R.color.colorAccent, R.color.colorPrimary, R.color.colorPrimaryDark); // 设置刷新出现的位置 swipeRefreshView.setProgressViewEndTarget(false,200); // 设置向下拉多少出现刷新 swipeRefreshView.setDistanceToTriggerSync(30); // 下拉时触发SwipeRefreshLayout的下拉动画,动画完毕之后就会回调这个方法 swipeRefreshView.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() { @Override public void onRefresh() { //默认会自动刷新无需调用这个属性setRefreshing(boolean d) // 这里是主线程一些比较耗时的操作,比如联网获取数据,需要放到子线程去执行 final Random random = new Random(); new Handler().postDelayed(new Runnable() { @Override public void run() {// 刷新数据在这里 mList.add(0, "我是天才" + random.nextInt(100) + "号"); mAdapter.notifyDataSetChanged(); Toast.makeText(MainActivity.this, "刷新了一条数据", Toast.LENGTH_SHORT).show(); // 加载完数据设置为不刷新状态,将下拉进度收起来 swipeRefreshView.setRefreshing(false); } }, 1200); // 这个不能写在外边,不然会直接收起来 // swipeRefreshLayout.setRefreshing(false); } }); // 设置下拉加载更多 swipeRefreshView.setOnLoadListener(new OnLoadListener() { @Override public void onLoad() { // TODO Auto-generated method stub new Handler().postDelayed(new Runnable() { @Override public void run() { // 添加数据 for (int i = 30; i < 35; i++) { mList.add("我是小胡" + i + "号"); // 这里要放在里面刷新,放在外面会导致刷新的进度条卡住 mAdapter.notifyDataSetChanged(); } Toast.makeText(MainActivity.this, "数据加载完成", Toast.LENGTH_SHORT).show(); // 加载完数据隐藏掉上拉加载布局 swipeRefreshView.setLoading(false); } }, 1200); } }); }}

思考:使用官方的下拉刷新可以实现自定义下拉刷新样式吗? 好的,上拉加载已经实现,后面在实际刷新过程中,发现一个问题,就是下拉刷新在刷新过程中,如果下拉界面过短或者刷新显示时常短,上拉到底部的时候,两个会一起显示,一个小bug,有待解决,还是第三方刷新比较好用。哪位大神看到能指导一二,以上代码参考了网上资源,感谢各位大神分享。


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表