扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
这里讲述的是用谷歌原生的SwipeRefreshLayout,进行刷新,以及利用RecycleView的滚动事件,判断是否到最后一个item,进行加载更多,这里加载更多是在RecycleView的适配器中使用不同item进行完成的。
让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:域名与空间、虚拟空间、营销软件、网站建设、山东网站维护、网站推广。
这是activity的xml布局:
<?xml version="1.0" encoding="utf-8"?>
接下来是对应activity中的代码:
import android.os.Bundle; import android.os.Handler; import android.support.annotation.Nullable; import android.support.design.widget.Snackbar; import android.support.v4.app.Fragment; import android.support.v4.widget.SwipeRefreshLayout; import android.support.v7.widget.LinearLayoutManager; import android.support.v7.widget.RecyclerView; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import com.retrofit.wangfei.viewpagertablayout.util.Constance; import com.retrofit.wangfei.viewpagertablayout.R; import com.retrofit.wangfei.viewpagertablayout.adapter.MyRecycleViewAdapter; import com.rey.material.widget.ProgressView; import java.util.ArrayList; import java.util.List; import butterknife.Bind; import butterknife.ButterKnife; public class HomeFragment extends Fragment { @Bind(R.id.recyclerview) RecyclerView recyclerview; @Bind(R.id.swipe_refresh_layout) SwipeRefreshLayout swipeRefreshLayout; @Bind(R.id.progress_loading_main) ProgressView progress_loading_main; // 加载数据时显示的进度圆圈 private LinearLayoutManager mRecycleViewLayoutManager; private int mPageNum = 1; private Listlists = new ArrayList<>(); private MyRecycleViewAdapter mAdapter; public static HomeFragment newInstance() { HomeFragment fragment = new HomeFragment(); return fragment; } @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); } @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View view = inflater.inflate(R.layout.fragment_home, container, false); ButterKnife.bind(this, view); return view; } /**在onCreateView方法后执行*/ @Override public void onViewCreated(View view, @Nullable Bundle savedInstanceState) { super.onViewCreated(view, savedInstanceState); mAdapter = new MyRecycleViewAdapter(lists,getActivity()); initRecyclerView(); swipeRefreshLayout.setColorSchemeResources(Constance.colors);//设置下拉刷新控件变换的四个颜色 recyclerview.setAdapter(mAdapter); recyclerViewOnItemClickListener(); refresh(); loadMore(mAdapter); progress_loading_main.setVisibility(View.VISIBLE); initData(); } @Override public void onDestroyView() { super.onDestroyView(); ButterKnife.unbind(this); } /**进入页面的初始化数据*/ private void initData(){ new Handler().postDelayed(new Runnable() { @Override public void run() { netNewsList(true); progress_loading_main.setVisibility(View.GONE); } }, 2000); } /**RecyclerView每个item的点击事件*/ private void recyclerViewOnItemClickListener() { mAdapter.setOnItemClickListener(new MyRecycleViewAdapter.OnItemClickListener() { @Override public void onItemClick(View view, int position) { Snackbar.make(view, "fly", Snackbar.LENGTH_SHORT).show(); } }); } /** * 初始化RecyclerView */ private void initRecyclerView() { // recyclerview.setItemAnimator(new DefaultItemAnimator()); // recyclerview.setHasFixedSize(true); mRecycleViewLayoutManager = new LinearLayoutManager(getActivity()); recyclerview.setLayoutManager(mRecycleViewLayoutManager); // 设置RecycleView,显示是ListView还是gridView还是瀑布流 } /**下拉刷新*/ private void refresh() { swipeRefreshLayout.setOnRefreshListener(new SwipeRefreshLayout.OnRefreshListener() { @Override public void onRefresh() { new Handler().postDelayed(new Runnable() { @Override public void run() { netNewsList(true); swipeRefreshLayout.setRefreshing(false); // 停止刷新 } }, 2000); } }); } /** * 设置上拉加载更多 * * @param adapter RecyclerView适配器 */ public void loadMore(final MyRecycleViewAdapter adapter) { recyclerview.addOnScrollListener(new RecyclerView.OnScrollListener() { private int lastVisibleItem; @Override public void onScrolled(RecyclerView recyclerView, int dx, int dy) { super.onScrolled(recyclerView, dx, dy); lastVisibleItem = mRecycleViewLayoutManager.findLastVisibleItemPosition(); // 滑动到最后一个 } @Override public void onScrollStateChanged(RecyclerView recyclerView, int newState) { super.onScrollStateChanged(recyclerView, newState); // 效果在暂停时显示, 否则会导致重绘异常 if (newState == RecyclerView.SCROLL_STATE_IDLE && lastVisibleItem + 1 == adapter.getItemCount()) { if (lists != null && lists.size() >= 10) { // 真实开发中要设置mNews.size()大于加载分页显示的个数 adapter.loadLayout.setVisibility(View.VISIBLE); //加载更多 new Handler().postDelayed(new Runnable() { @Override public void run() { netNewsList(false); } }, 2000); } } } }); } /** * 从网络加载数据列表 * * @param isRefresh 是否刷新 true 为刷新,false为不刷新 */ private void netNewsList(boolean isRefresh) { // viewDelegate.showLoading(); if (isRefresh) { mPageNum = 1; } else { mPageNum++; } if (isRefresh) { if (!lists.isEmpty()) { lists.clear(); } } // TODO 这里把页数mPageNum上传到服务端 lists.clear(); lists.addAll(getData()); mAdapter.notifyDataSetChanged(); } private List list = new ArrayList<>(); private List getData() { for (int i = 0; i < 10; i++) { list.add(i + ""); } return list; } }
接下来是RecycleView适配器中的xml文件:
这是正常item的布局,至于用CardView是为了让item展示出来的效果更好看
<?xml version="1.0" encoding="utf-8"?>
这是现实上拉加载的布局文件,作为不同item共同展示在RecycleView上面:
<?xml version="1.0" encoding="utf-8"?>
下面我们看看RecycleView适配器的写法:
import android.app.Activity; import android.support.v7.widget.RecyclerView; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.LinearLayout; import android.widget.TextView; import com.retrofit.wangfei.viewpagertablayout.R; import java.util.List; import butterknife.Bind; import butterknife.ButterKnife; /** * Created by Android Studio * Description: RecycleView的适配器 */ public class MyRecycleViewAdapter extends RecyclerView.Adapter { private final static int TYPE_ITEM = 0X01; private final static int TYPE_FOOTER = 0x02; private Listlists; private Activity context; public LinearLayout loadLayout; private OnItemClickListener mOnItemClickListener; // 声明接口 public MyRecycleViewAdapter(List lists, Activity context) { this.lists = lists; this.context = context; } @Override public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) { if (TYPE_ITEM == viewType) { View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.recycle_view_item, parent,false); ItemViewHolder itemViewHolder = new ItemViewHolder(view); return itemViewHolder; } else { View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.list_footer, parent,false); loadLayout = (LinearLayout) view.findViewById(R.id.load_layout); return new FootViewHolder(view); } } @Override public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) { if (holder instanceof ItemViewHolder) { String text = lists.get(position); ItemViewHolder itemHolder = (ItemViewHolder) holder; itemHolder.text.setText(text); } } @Override public int getItemCount() { return lists.size() + 1; } @Override public int getItemViewType(int position) { if (position + 1 == getItemCount()) { return TYPE_FOOTER; } else { return TYPE_ITEM; } } public class ItemViewHolder extends RecyclerView.ViewHolder implements View.OnClickListener { @Bind(R.id.text) TextView text; public ItemViewHolder(View itemView) { super(itemView); ButterKnife.bind(this,itemView); itemView.setOnClickListener(this); } @Override public void onClick(View v) { mOnItemClickListener.onItemClick(v,getPosition()); } } public class FootViewHolder extends RecyclerView.ViewHolder { public FootViewHolder(View itemView) { super(itemView); } } /**调到外部使用*/ public void setOnItemClickListener(OnItemClickListener onItemClickListener){ this.mOnItemClickListener = onItemClickListener; } /**定义接口*/ public interface OnItemClickListener{ void onItemClick(View v,int position); } }
最后是刷新控件的4个不同颜色:
public interface Constance { /** * 下拉刷新控件变化的四个颜色 */ int[] colors = new int[] { android.R.color.holo_green_light, android.R.color.holo_blue_light, android.R.color.holo_green_light, android.R.color.holo_blue_light }; }
所需要的依赖库:
compile 'com.android.support:appcompat-v7:23.3.0' compile 'com.android.support:design:23.3.0' compile 'com.jakewharton:butterknife:7.0.1' compile 'com.android.support:support-v4:23.3.0' /**谷歌服务*/ compile 'com.google.android.gms:play-services:8.4.0' compile 'com.github.rey5137:material:1.2.2'
到这里就结束了,完成了下拉刷新和上拉加载更多的实现。
下面说说RecyclerView的使用最基础的三点:
一:
recyclerview.setHasFixedSize(true); //方法用来使RecyclerView保持固定的大小,该信息被用于自身的优化。
二:
recyclerview.setItemAnimator(new DefaultItemAnimator());
ItemAnimator会根据适配器上收到的通知动画显示视图组的修改。基本上,它会自动显示添加和移除条目动画。这也不是一个简单的类,但我们发现DefaultItemAnimator已经可以运行得很好了。
三:
recyclerview.setLayoutManager(mRecycleViewLayoutManager); // 设置RecycleView,显示是ListView还是gridView还是瀑布流。 // 显示是ListView LinearLayoutManager mRecycleViewLayoutManager = new LinearLayoutManager(context); // 显示是gridView,参数一:上下文,参数二:列数 GridLayoutManager mGridLayoutManager=new GridLayoutManager(context, 4); // 显示是瀑布流,参数一:显示几列,参数二:现实的方向,垂直或水平 StaggeredGridLayoutManager mStaggeredGridLayoutManager=new StaggeredGridLayoutManager(2, StaggeredGridLayoutManager.VERTICAL);
更多详细请参考:Android RecyclerView艺术般的控件使用完全解析
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持创新互联。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流