采用SwipeFreshLayout+Recyclerview实现下拉刷新和上拉加载更多以及CoordinatorLayout的引入
之前都是采用PullToRefresh进行下拉刷新和下拉加载,现在采用谷歌自己的控件SwipeFreshLayout,配合Recyclerview来实现这一效果。使用SwipeRefreshLayout可以实现下拉刷新,前提是布局里需要包裹一个可以滑动的子控件,可以是ListView或者Recyclerview,这里我们采用后者,然后在代码里设置OnRefreshListener设置监听,最后在监听里设置刷新时的数据获取就可以了。CoordinatorLayout主要是为了实现下滑时标题栏隐藏的功能,以后会单独介绍。
SwipeRefreshLayout主要方法介绍
isRefreshing()
- 判断当前的状态是否是刷新状态。
setColorSchemeResources(int... colorResIds)
- 设置下拉进度条的颜色主题,参数为可变参数,并且是资源id,可以设置多种不同的颜色,每转一圈就显示一种颜色。
setOnRefreshListener(SwipeRefreshLayout.OnRefreshListener listener)
- 设置监听,需要重写onRefresh()方法,顶部下拉时会调用这个方法,在里面实现请求数据的逻辑,设置下拉进度条消失等等。
setProgressBackgroundColorSchemeResource(int colorRes)
- 设置下拉进度条的背景颜色,默认白色。
setRefreshing(boolean refreshing)
- 设置刷新状态,true表示正在刷新,false表示取消刷新。
1.添加build.gradle依赖
compile 'com.android.support:recyclerview-v7:25.0.0' compile 'com.android.support:cardview-v7:25.3.1' compile 'com.android.support:design:25.3.1'
2.设置app主题
<application android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:supportsRtl="true" android:theme="@style/Theme.AppCompat.Light.NoActionBar"> <activity android:name=".MainActivity"> <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> </application>
3.MainActiviy
public class MainActivity extends AppCompatActivity {private SwipeRefreshLayout swipeRefreshLayout; private RecyclerView recyclerView; private List<String> data = new ArrayList<>(); public boolean isLoading; private RefreshRecyclerAdapter adapter = new RefreshRecyclerAdapter(this, data); private Handler handler = new Handler(); private Toolbar toolbar; int topcount = 1; int footcount = 1; @Override protected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); swipeRefreshLayout = (SwipeRefreshLayout) findViewById(R.id.SwipeRefreshLayout); recyclerView = (RecyclerView) findViewById(R.id.recyclerView); toolbar = (Toolbar) findViewById(R.id.toolbar); setSupportActionBar(toolbar); toolbar.setTitle(R.string.notice); toolbar.setNavigationOnClickListener(new View.OnClickListener() {@Override public void onClick(View v) {finish(); }}); initData(); initView(); }private void initView() {//设置加载进度的颜色变化值 swipeRefreshLayout.setColorSchemeResources(R.color.blueStatus,R.color.colorAccent, R.color.colorPrimary, R.color.colorPrimaryDark); //设置一进入开始刷新 swipeRefreshLayout.post(new Runnable() {@Override public void run() {swipeRefreshLayout.setRefreshing(true); }}); //设置下拉刷新的监听器 swipeRefreshLayout.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() {@Override public void onRefresh() {handler.postDelayed(new Runnable() {@Override public void run() {addTopNewData(); }}, 2000); }}); final LinearLayoutManager layoutManager = new LinearLayoutManager(this); recyclerView.setLayoutManager(layoutManager); recyclerView.setAdapter(adapter); //通过recyclerView的onscrolllistener的监听来实现上拉加载更多的功能 recyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() {//滚动的三种状态包括SCROLL_STATE_IDEL 离开状态 SCROLL_STATE_DRAGGING 手指触摸 SCROLL_STATE_SETLING 加速滑动的时候 @Override public void onScrollStateChanged(RecyclerView recyclerView, int newState) {super.onScrollStateChanged(recyclerView, newState); Log.d("test", "StateChanged = " + newState); }@Override public void onScrolled(RecyclerView recyclerView, int dx, int dy) {super.onScrolled(recyclerView, dx, dy); Log.d("test", "onScrolled"); // 获取最后一个可见条目 int lastVisibleItemPosition = layoutManager.findLastVisibleItemPosition(); if (lastVisibleItemPosition + 1 == adapter.getItemCount()) {Log.d("test", "loading executed"); //获取刷新状态 boolean isRefreshing = swipeRefreshLayout.isRefreshing(); if (isRefreshing) {adapter.notifyItemRemoved(adapter.getItemCount()); return; }if (!isLoading) {isLoading = true; handler.postDelayed(new Runnable() {@Override public void run() {addNewData(); Log.d("test", "load more completed"); isLoading = false; }}, 1000); }}}}); //添加点击事件 adapter.setOnItemClickListener(new RefreshRecyclerAdapter.OnItemClickListener() {@Override public void onItemClick(View view, int position) {Log.d("test", "item position = " + position); }@Override public void onItemLongClick(View view, int position) {}}); }/** * 下拉加载更多 */ private void addTopNewData() {for (int i = topcount; i < topcount +6; i++) {data.add(0,"下拉加载的第"+i+"条数据"); }topcount += 6; adapter.notifyDataSetChanged(); swipeRefreshLayout.setRefreshing(false); }public void initData() {handler.postDelayed(new Runnable() {@Override public void run() {getData(); }}, 1500); }/** * 获取测试数据 */ private void getData() {for (int i =0; i <10; i++) {data.add(i,"第"+i+"条数据"); }adapter.notifyDataSetChanged(); swipeRefreshLayout.setRefreshing(false); // adapter.notifyItemRemoved(adapter.getItemCount()); }/** * 上拉加载更多 */ public void addNewData() {for (int i = footcount; i < footcount+ 6; i++) {data.add(data.size(),"上拉加载的第"+i+"条数据"); }footcount += 6; adapter.notifyDataSetChanged(); swipeRefreshLayout.setRefreshing(false); //adapter.notifyItemRemoved(adapter.getItemCount()); }}
4.RefreshRecyclerAdapter
public class RefreshRecyclerAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {private static final int TYPE_ITEM = 0; private static final int TYPE_FOOTER = 1;//上拉加载更多布局 private Context context; private List data; public RefreshRecyclerAdapter(Context context, List data) {this.context = context; this.data = data; }public interface OnItemClickListener {void onItemClick(View view, int position); void onItemLongClick(View view, int position); }private OnItemClickListener onItemClickListener; public void setOnItemClickListener(OnItemClickListener onItemClickListener) {this.onItemClickListener = onItemClickListener; }@Override public int getItemCount() {return data.size() == 0 ? 0 : data.size() + 1; }@Override public int getItemViewType(int position) {if (position + 1 == getItemCount()) {return TYPE_FOOTER; } else {return TYPE_ITEM; }}@Override public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {if (viewType == TYPE_ITEM) {View view = LayoutInflater.from(context).inflate(R.layout.item_base, parent, false); return new ItemViewHolder(view); } else if (viewType == TYPE_FOOTER) {View view = LayoutInflater.from(context).inflate(R.layout.view_footer, parent, false); return new FootViewHolder(view); }return null; }@Override public void onBindViewHolder(final RecyclerView.ViewHolder holder, int position) {if (holder instanceof ItemViewHolder) {((ItemViewHolder) holder).tv.setText((CharSequence) data.get(position)); if (onItemClickListener != null) {holder.itemView.setOnClickListener(new View.OnClickListener() {@Override public void onClick(View v) {int position = holder.getLayoutPosition(); onItemClickListener.onItemClick(holder.itemView, position); }}); holder.itemView.setOnLongClickListener(new View.OnLongClickListener() {@Override public boolean onLongClick(View v) {int position = holder.getLayoutPosition(); onItemClickListener.onItemLongClick(holder.itemView, position); return false; }}); }}}static class ItemViewHolder extends RecyclerView.ViewHolder {TextView tv; public ItemViewHolder(View view) {super(view); tv = (TextView) view.findViewById(R.id.tv_date); }}static class FootViewHolder extends RecyclerView.ViewHolder {public FootViewHolder(View view) {super(view); }} }
5.布局文件
ToolBar
<?xml version="1.0" encoding="utf-8"?> <merge xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto"> <android.support.design.widget.AppBarLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:fitsSystemWindows="true"> <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@color/blueStatus" android:minHeight="?attr/actionBarSize" app:layout_scrollFlags="scroll|enterAlways" app:navigationIcon="?attr/homeAsUpIndicator" app:theme="@style/Theme.AppCompat.NoActionBar"> </android.support.v7.widget.Toolbar> </android.support.design.widget.AppBarLayout> </merge>
MainActivity布局文件
<?xml version="1.0" encoding="utf-8"?> <android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@android:color/white" android:orientation="vertical" > <include layout="@layout/toolbar" /> <android.support.v4.widget.SwipeRefreshLayout android:id="@+id/SwipeRefreshLayout" android:layout_width="match_parent" android:layout_height="match_parent" app:layout_behavior="@string/appbar_scrolling_view_behavior"> <android.support.v7.widget.RecyclerView android:id="@+id/recyclerView" android:layout_width="match_parent" android:layout_height="match_parent" android:scrollbars="vertical"> </android.support.v7.widget.RecyclerView> </android.support.v4.widget.SwipeRefreshLayout> </android.support.design.widget.CoordinatorLayout>
item_base布局文件
<?xml version="1.0" encoding="utf-8"?> <android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginLeft="10dp" android:layout_marginRight="10dp" android:layout_marginTop="6dp" android:orientation="vertical" app:cardBackgroundColor="@color/line" app:cardPreventCornerOverlap="true" app:cardUseCompatPadding="true" app:contentPadding="6dp"> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <TextView android:id="@+id/tv_date" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="2015-12-11 12:00" /> <android.support.v7.widget.CardView android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" app:cardBackgroundColor="@color/white" app:cardPreventCornerOverlap="true" app:cardUseCompatPadding="true" app:contentPadding="10dp"> <TextView android:id="@+id/tv_title" android:layout_width="wrap_content" android:layout_height="wrap_content" android:ellipsize="end" android:maxLines="2" android:text="swipefreshlayout测试使用通过。。通过。。通过。" /> </android.support.v7.widget.CardView> </LinearLayout> </android.support.v7.widget.CardView>
viewFooter布局
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="50dp"> <RelativeLayout android:layout_width="match_parent" android:layout_height="50dp"> <ProgressBar android:id="@+id/load_progress" android:layout_width="25dp" android:layout_height="25dp" android:layout_centerVertical="true" android:layout_marginLeft="30dp"/> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerInParent="true" android:text="正在努力加载中..." android:textColor="@android:color/holo_red_dark" android:textSize="15sp"/> </RelativeLayout> </RelativeLayout>
colors.xml
<?xml version="1.0" encoding="utf-8"?> <resources> <color name="colorPrimary">#3F51B5</color> <color name="colorPrimaryDark">#303F9F</color> <color name="colorAccent">#FF4081</color> <color name="blueText">#1485C6</color> <color name="blueIndexStatus">#67A5EF</color> <color name="blueStatus">#1680E2</color> <color name="white">#FFFFFFFF</color> <color name="dark">#424242</color> <color name="red">#FFD4212A</color> <color name="grey">#8C8C8C</color> <color name="line">#EEEEEE</color> <color name="background">#F9F9FA</color> <color name="greyBackground">#FFCFCFCF</color> </resources>
采用SwipeFreshLayout+Recyclerview实现下拉刷新和上拉加载更多以及CoordinatorLayout的引入相关推荐
- uni-app下拉刷新触底加载更多
首先在pages.json 配置文件中配置 "enablePullDownRefresh": true 需要在哪用加载就配置在路由的style里 两个事件 //下拉刷新 o ...
- recyclerview的数据刷新(下拉刷新和自动加载更多)以及添加提示语(例如:“数据已加载完毕”)
下拉加载更多的核心是SwipeRefreshLayout搭配Recyclerview进行使用.布局为 <android.support.v4.widget.SwipeRefreshLayout ...
- android--------自定义控件ListView实现下拉刷新和上拉加载
开发项目过程中基本都会用到listView的下拉刷新和上滑加载更多,为了方便重写的ListView来实现下拉刷新,同时添加了上拉自动加载更多的功能. Android下拉刷新可以分为两种情况: 1.获取 ...
- Android 自定义 ListView 上下拉动“刷新最新”和“加载更多”歌曲列表
本文内容 环境 测试数据 项目结构 演示 参考资料 本文演示,上拉刷新最新的歌曲列表,和下拉加载更多的歌曲列表.所谓"刷新最新"和"加载更多"是指日期.演示代码 ...
- android 官方上拉,手把手教你实现RecyclerView的下拉刷新和上拉加载更多
纵观多数App,下拉刷新和上拉加载更多是很常见的功能,但是谷歌官方只有一个SwipeRefreshLayout用来下拉刷新,上拉加载更多还要自己做. 基于RecyclerView简单封装了这两个操作, ...
- 使用SwipeRefreshLayout和RecyclerView实现仿“简书”下拉刷新和上拉加载更多
原文地址: http://blog.csdn.net/leoleohan/article/details/50989549/ 一.概述 我们公司目前开发的所有Android APP都是遵循iOS风格设 ...
- Android下拉刷新和上拉加载更多
Android下拉刷新和上拉加载更多 下拉刷新 通过android系统提供的组件:SwipeRefreshLayout 一.基本使用 1 xml中 添加 SwipeRefreshLayout 组件 该 ...
- android pulldown view,Android控件PullRefreshViewGroup实现下拉刷新和上拉加载
本文实例为大家分享了Android实现下拉刷新和上拉加载更多的具体代码,供大家参考,具体内容如下 先分享下源码:Android实现下拉刷新和上拉加载更多 实现思路:由PullRefreshViewGr ...
- 微信小程序下拉刷新和上拉加载
效果图 微信小程序实现下拉刷新和上拉加载有2中方法 1 用系统自带的 个人感觉特别简单 2 使用scroll-view 实现, scroll-view 里面有2个属性是滑动到顶部以及到底部如下 其实 ...
最新文章
- django基本操作
- 登录MySQL非默认3306端口号的语句
- golang(5):编写WebSocket服务,client和html5调用
- Given a singly linked list where elements are sorted in ascending order, convert it to a height bala
- Linux-Ubuntu 远程登录服务器--ssh的安装和配置
- java常见抛出异常
- java 分词获取词性_Ansj中文分词Java开发词性分类
- Cyclical Quest CF235C
- html5 3d背景墙,3D背景墙的价格怎样?3D背景墙的介绍?
- android系统 PowerManager深入分析(非常详细)
- 35幅非常漂亮的夜景摄影作品欣赏
- 【趣文】秦始皇与区块链竟然有关系
- 【技术邻】搞热仿真离不开热电偶
- 零费用学习网络营销,小伙伴们惊呆了
- Flowable高级篇 - Flowable表结构
- python调用chrome插件_使用Python通过Selenium WebDriver打开chrome扩展
- 修改Linux内核启动logo
- 单片微型计算机实验,单片微型计算机新实验..doc
- 1221是一个非常特殊的数,它从左边读和从右边读是一样的,编程求所有这样的四位十进制数。(回文数)
- 【VTK+有限元后处理】可视化结果云图
热门文章
- 推荐《求医不如求己》,实用
- Page.LoadTemplate的使用
- Python学习笔记:面向对象高级编程(中上)
- 软件包管理 rpm yum apt-get dpkg
- ubuntu 安装intel iofrt 和icc编译器
- 5月份升级鸿蒙系统的华为手机名单,鸿蒙OS前三批升级名单曝光,华为荣耀手机可升级,幸福来得太突然...
- php母版页怎么,ASP.NET
- 云炬Android开发笔记 2-1项目初始化
- zepto的ajax使用,Ajax的实现及使用-zepto
- oracle表查询不动怎么转储,Oracle常用的转储方法总结