Android RecyclerView使用方法解析

1.简介

  RecyclerView是一种新的视图组,目标是为任何基于适配器的视图提供相似的渲染方式。它被作为ListView和GridView控件的继承者,在最新的support-V7版本中提供支持。RecyclerView架构,提供了一种插拔式的体验,高度的解耦,异常的灵活,通过设置它提供的不同LayoutManager,ItemDecoration , ItemAnimator实现令人瞠目的效果。

总之ListView和GridView能做的RecyclerView都能做,并且能实现瀑布流效果

2.使用

在build.gradle配置RecyclerView的库
compile 'com.android.support:recyclerview-v7:23.3.0'

//设置RecyclerView的适配器
adapter = new MyRecyclerViewAdapter(RecyclerViewActivity.this,datas);
recyclerview.setAdapter(adapter);

//LayoutManager
recyclerview.setLayoutManager(new LinearLayoutManager(RecyclerViewActivity.this, LinearLayoutManager.VERTICAL, false));
// recyclerview.scrollToPosition(datas.size()-1);

//添加RecyclerView的分割线
recyclerview.addItemDecoration(new DividerListItemDecoration(RecyclerViewActivity.this,DividerListItemDecoration.VERTICAL_LIST));

//设置动画
recyclerview.setItemAnimator(new DefaultItemAnimator());
public class MyAdapter extends RecyclerView.Adapter<MyAdapter.MyViewHolder> {

 private final Context context;
 private final ArrayList<String> datas;

 public MyAdapter(Context context,ArrayList<String> datas){
 this.context = context;
 this.datas = datas;
 }
 /**
 * 相当于ListView适配器中的getView的创建holder布局
 *
 * @param parent
 * @param viewType
 * @return
 */
 @Override
 public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
 View view = View.inflate(context, R.layout.item_hello, null);
 return new MyViewHolder(view);
 }

 @Override
 public void onBindViewHolder(MyViewHolder holder, int position) {
 holder.tv_text.setText(datas.get(position));
 holder.iv_icon.setBackgroundResource(R.mipmap.ic_launcher);

 }

 @Override
 public int getItemCount() {
 return datas.size();
 }

 class MyViewHolder extends RecyclerView.ViewHolder {

 private TextView tv_text;
 private ImageView iv_icon;

 public MyViewHolder(View itemView) {
  super(itemView);
  tv_text = (TextView) itemView.findViewById(R.id.tv_text);
  iv_icon = (ImageView) itemView.findViewById(R.id.iv_icon);

 }
 }
}

3.设置ListView&GridView&瀑布流类型效果

//设置List类型效果
recyclerview.setLayoutManager(new LinearLayoutManager(RecyclerViewActivity.this,LinearLayoutManager.VERTICAL,false));

//设置Grid类型效果
recyclerview.setLayoutManager(new GridLayoutManager(RecyclerViewActivity.this, 2, GridLayoutManager.VERTICAL, false));
//recyclerview.scrollToPosition(99);

//设置瀑布流类型效果
recyclerview.setLayoutManager(new StaggeredGridLayoutManager(3,StaggeredGridLayoutManager.VERTICAL));

4.分割线

参照网址:http://blog.csdn.net/lmj623565791/article/details/45059587

//设置分割线-分割线需要自定义&还可以自定义分割线的样式
//没有提供默认的分割线
recyclerview.addItemDecoration(new DividerListItemDecoration(this, DividerListItemDecoration.VERTICAL_LIST));
public class DividerListItemDecoration extends RecyclerView.ItemDecoration {
 private static final int[] ATTRS = new int[]{
  android.R.attr.listDivider
 };

 public static final int HORIZONTAL_LIST = LinearLayoutManager.HORIZONTAL;

 public static final int VERTICAL_LIST = LinearLayoutManager.VERTICAL;

 private Drawable mDivider;

 private int mOrientation;

 public DividerListItemDecoration(Context context, int orientation) {
 final TypedArray a = context.obtainStyledAttributes(ATTRS);
 mDivider = a.getDrawable(0);
 a.recycle();
 setOrientation(orientation);
 }

 public void setOrientation(int orientation) {
 if (orientation != HORIZONTAL_LIST && orientation != VERTICAL_LIST) {
  throw new IllegalArgumentException("invalid orientation");
 }
 mOrientation = orientation;
 }

 @Override
 public void onDraw(Canvas c, RecyclerView parent) {
// Log.e("recyclerview - itemdecoration", "onDraw()");

 if (mOrientation == VERTICAL_LIST) {
  drawVertical(c, parent);
 } else {
  drawHorizontal(c, parent);
 }

 }

 public void drawVertical(Canvas c, RecyclerView parent) {
 final int left = parent.getPaddingLeft();
 final int right = parent.getWidth() - parent.getPaddingRight();

 final int childCount = parent.getChildCount();
 for (int i = 0; i < childCount; i++) {
  final View child = parent.getChildAt(i);
  android.support.v7.widget.RecyclerView v = new android.support.v7.widget.RecyclerView(parent.getContext());
  final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child
   .getLayoutParams();
  final int top = child.getBottom() + params.bottomMargin;
  final int bottom = top + mDivider.getIntrinsicHeight();
  mDivider.setBounds(left, top, right, bottom);
  mDivider.draw(c);
 }
 }

 public void drawHorizontal(Canvas c, RecyclerView parent) {
 final int top = parent.getPaddingTop();
 final int bottom = parent.getHeight() - parent.getPaddingBottom();

 final int childCount = parent.getChildCount();
 for (int i = 0; i < childCount; i++) {
  final View child = parent.getChildAt(i);
  final RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child
   .getLayoutParams();
  final int left = child.getRight() + params.rightMargin;
  final int right = left + mDivider.getIntrinsicHeight();
  mDivider.setBounds(left, top, right, bottom);
  mDivider.draw(c);
 }
 }

 @Override
 public void getItemOffsets(Rect outRect, int itemPosition, RecyclerView parent) {
 if (mOrientation == VERTICAL_LIST) {
  outRect.set(0, 0, 0, mDivider.getIntrinsicHeight());
 } else {
  outRect.set(0, 0, mDivider.getIntrinsicWidth(), 0);
 }
 }
}

DividerListItemDecoration

设置分割线样式:

①application设置

<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
 <!-- Customize your theme here. -->
 <item name="colorPrimary">@color/colorPrimary</item>
 <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
 <item name="colorAccent">@color/colorAccent</item>
 <item name="android:listDivider">@drawable/divider_bg</item>
</style>

②在activity中

<activity android:name=".recyclerview.RecyclerViewActivity"
 android:theme="@style/listDividerTheme"/>

<style name="listDividerTheme" parent="Theme.AppCompat.Light.DarkActionBar">
 <!-- Customize your theme here. -->
 <item name="colorPrimary">@color/colorPrimary</item>
 <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
 <item name="colorAccent">@color/colorAccent</item>
 <item name="android:listDivider">@drawable/divider_bg</item>
</style>

5.自定义设置item的点击事件

RecyclerView默认是没有点击事件的,需要自定义点击事件
用到知识点:接口,getLayoutPosition()

public class MyAdapter extends RecyclerView.Adapter<MyAdapter.MyViewHolder>{

 private final Context context;
 private final ArrayList<String> datas;

 //设置点击某个item的监听
 public interface OnItemClickListener{
  void onItemClick(View view,int position,String content);
 }

 private OnItemClickListener onItemClickListener;
 public void setOnItemClickListener(OnItemClickListener onItemClickListener) {
 this.onItemClickListener = onItemClickListener;
 }

 //设置点击图片
 public interface OnImageViewClickListener{
 void onImageViewClick(View view,int position);
 }

 private OnImageViewClickListener onImageViewClickListener;
 public void setOnImageViewClickListener(OnImageViewClickListener onImageViewClickListener) {
 this.onImageViewClickListener = onImageViewClickListener;
 }

 ...................................

 class MyViewHolder extends RecyclerView.ViewHolder {

 private TextView tv_text;
 private ImageView iv_icon;

 public MyViewHolder(View itemView) {
  super(itemView);
  tv_text = (TextView) itemView.findViewById(R.id.tv_text);
  iv_icon = (ImageView) itemView.findViewById(R.id.iv_icon);

  //设置点击事件
  itemView.setOnClickListener(new View.OnClickListener() {
  @Override
  public void onClick(View v) {
   if(onItemClickListener != null){
   onItemClickListener.onItemClick(v,getLayoutPosition(),datas.get(getLayoutPosition()));
   }
  }
  });

  //设置监听
  iv_icon.setOnClickListener(new View.OnClickListener() {
  @Override
  public void onClick(View v) {
   if(onImageViewClickListener != null){
   onImageViewClickListener.onImageViewClick(v,getLayoutPosition());
   }
  }
  });
 }
 }
}

在Activity中使用自定义的点击事件

//设置点击item的点击事件
myAdapter.setOnItemClickListener(new MyAdapter.OnItemClickListener() {
 @Override
 public void onItemClick(View view, int position, String content) {
 Toast.makeText(RecyclerViewActivity.this, "content=="+content+",--position=="+position, Toast.LENGTH_SHORT).show();
 }
});

//设置点击某张图片的点击事件
myAdapter.setOnImageViewClickListener(new MyAdapter.OnImageViewClickListener() {
 @Override
 public void onImageViewClick(View view, int position) {
 Toast.makeText(RecyclerViewActivity.this, "position=="+position+",view=="+view.toString(), Toast.LENGTH_SHORT).show();
 }
});

6.删除和增加数据

1_在适配器中新增加添加和删除两个方法

public class MyAdapter extends RecyclerView.Adapter<MyAdapter.MyViewHolder> {

 ........................

 public void addData(int position,String content){
 datas.add(position,content);
 notifyItemInserted(position);
 }

 public void removeData(int position){
 datas.remove(position);
 notifyItemRemoved(position);
 }
}

2_Activity中

btn_add.setOnClickListener(new View.OnClickListener() {
 @Override
 public void onClick(View v) {
 myAdapter.addData(0,"Content NetData");
 //定位到第0个位置
 recyclerview.scrollToPosition(0);
 }
});

btn_remove.setOnClickListener(new View.OnClickListener() {
 @Override
 public void onClick(View v) {
 myAdapter.removeData(0);
 }
});

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • Android中RecyclerView布局代替GridView实现类似支付宝的界面

    单纯使用GridView 通用的两种给GridView 添加分割线的方法:http://stackoverflow.com/questions/7132030/android-gridview-draw-dividers 给Gridview 添加分割线,也就是实现网格布局,不清楚谷歌为什么没有给Gridview 添加一个类似 ListView 的Divider 属性,因此就需要我们自己去添加分割线, 目前两种方法,第一种是 利用GridView 的  android:horizontalSpac

  • 学习Android Material Design(RecyclerView代替ListView)

    本文实例实现一下 RecyclerView,代码比较简单,适合初学者,如有错误,欢迎指出. 复习 ListView 可以查看这篇文章深入浅出学习Android ListView基础,了解关于ListView 的基础知识. 实现过程中需要复写BaseAdapter,主要是这4个方法 public int getCount() :适配器中数据集中 数据的个数,即ListView需要显示的数据个数 public Object getItem(int position) : 获取数据集中与指定索引对应的

  • Android使用RecyclerView实现自定义列表、点击事件以及下拉刷新

    Android使用RecyclerView 1. 什么是RecyclerView RecyclerView 是 Android-support-v7-21 版本中新增的一个 Widgets,官方对于它的介绍则是:RecyclerView 是 ListView 的升级版本,更加先进和灵活. 简单来说就是:RecyclerView是一种新的视图组,目标是为任何基于适配器的视图提供相似的渲染方式.它被作为ListView和GridView控件的继承者,在最新的support-V7版本中提供支持. 2.

  • 学习Android开发之RecyclerView使用初探

    在进行一些MaterialDesign规范开发的时候,比如之前说到的CoordinateLayout实现的向上折叠效果的时候,如果依然使用ListView,那么这种效果是做不出来的,因为ListView不兼容这个控件,而替代它的就是RecyclerView. 和ListView的区别: ①RecyclerView只关心item的重用和缓存  ②RecyclerView不关心item的分隔风格(交给ItemDecoration)  ③RecyclerView不关心item的动画(交给ItemAni

  • Android RecyclerView实现下拉刷新和上拉加载

    RecyclerView已经出来很久了,许许多多的项目都开始从ListView转战RecyclerView,那么,上拉加载和下拉刷新是一件很有必要的事情. 在ListView上,我们可以通过自己添加addHeadView和addFootView去添加头布局和底部局实现自定义的上拉和下拉,或者使用一些第三方库来简单的集成,例如Android-pulltorefresh或者android-Ultra-Pull-to-Refresh,后者的自定义更强,但需要自己实现上拉加载. 而在下面我们将用两种方式

  • Android RecyclerView滑动删除和拖动排序

    本篇是接着上面三篇之后的一个对RecyclerView的介绍,这里多说两句,如果你还在使用ListView的话,可以放弃掉ListView了.RecyclerView自动帮我们缓存Item视图(ViewHolder),允许我们自定义各种动作的动画和分割线,允许我们对Item进行一些手势操作.另外,因为Design库的推出大大方便我们编写带有Material风格的App,而ListView是不兼容这个库的,比如滑动的相互协调,只有RecyclerView能做到. 先看本篇内容的效果图: 效果内容主

  • Android RecyclerView添加头部和底部的方法

    如果只是想添加头部,可是使用GitHub里面这个项目,它可以为LinearLayoutManager,GridLayoutManager ,StaggeredGridLayoutManager布局的RecyclerView添加header.使用起来也十分简单: 只需将RecyclerViewHeader布局放在RecyclerView的上层. <FrameLayout android:layout_width="match_parent" android:layout_heigh

  • Android RecyclerView加载不同布局简单实现

    前言 关于RecyclerView的使用这里就不在赘述了,相信网上一搜一大把(本人之前的文章也有简单的使用介绍),这次我们讲的是RecyclerView在使用的过程中,有时候会根据不同的位置加载不同的布局的简单实现,这里只是起到抛砖引玉的作用 效果图 设计思想  •重写RecyclerView.Adapter的getItemViewType(int position), 在此方法中根据不同的position,设置不同的ViewType  •编写具体的RecyclerView.ViewHolder

  • Android代码实现AdapterViews和RecyclerView无限滚动

    应用的一个共同的特点就是当用户欢动时自动加载更多的内容,这是通过用户滑动触发一定的阈值时发送数据请求实现的. 相同的是:信息实现滑动的效果需要定义在列表中最后一个可见项,和某些类型的阈值以便于开始在最后一项到达之前开始抓取数据,实现无限的滚动. 实现无限滚动的现象的重要之处就在于在用户滑动到最低端之前就行数据的获取,所以需要加上一个阈值来帮助实现获取数据的预期. 使用ListView和GridView实现 每个AdapterView 例如ListView 和GridView 当用户开始进行滚动操

  • Android项目实战之仿网易新闻的页面(RecyclerView )

    本文实例实现一个仿网易新闻的页面,上面是轮播的图片,下面是 RecyclerView 显示新闻列表,具体内容如下 错误方法 <?xml version="1.0" encoding="utf-8"?> <LinearLayout ...> <ViewPager ... /> <android.support.v7.widget.RecyclerView .../> </LinearLayout> 这样布局

随机推荐