Android RecyclerView使用

  1. Android Studio依赖RecyclerView, 在使用该控件的module节点下的build.gradle中的dependencies内添加compile 'com.android.support:recyclerview-v7:25.3.1',使用gradle同步后即可使用。创建RecyclerView对象
RecyclerView mRecyclerView =
        (RecyclerView) view.findViewById(R.id.recycler_view);
  1. 设置布局格式,可选参数LinearManager(线性布局,与ListView相似)、GridLayoutManager(表格布局,与GridView相似)、StaggeredGridLayoutManager(瀑布流布局)。
mRecyclerView .setLayoutManager(new LinearLayoutManager(this));
  1. 创建适配器对象,新建适配器类MyAdapter,然后继承自RecyclerView.ViewHolder的内部类MyViewHolder,并实现其构造方法。
public class MyAdapter {


  public class MyViewHolder extends RecyclerView.ViewHolder{

    public MyViewHolder(View itemView) {
      super(itemView);
    }
  }
}
  1. 接下来使适配器MyAdapter继承RecyclerView.Adapter<MyViewHolder>,其中的泛型参数是上一步中自己定义的MyViewHolder类。
public class MyAdapter extends RecyclerView.Adapter<MyViewHolder>{

  @Override public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
    // 绑定布局
    return null;// 返回一个MyViewHolder对象
  }

  @Override public void onBindViewHolder(MyViewHolder holder, int position) {
    // 为holder对象中的条目设置数据
  }

  @Override public int getItemCount() {
    return 0;// 返回条目总数
  }

  public class MyViewHolder extends RecyclerView.ViewHolder{

    public MyViewHolder(View itemView) {
      super(itemView);
    }
  }
}
  1. 在MyAdapter中的onCreateViewHolder方法中要加载布局因此要传入Context,在getItemCount中要获取条目总数因此要传入List。因此创建MyAdapter的构造方法,含有参数为Context,List<String>,其中泛型可自己更改为自己想要的数据类型。
  private Context mContext;
  private List<String> mList;
  public MyAdapter(Context context,List<String> list){
    this.mContext = context;
    this.mList = list;
  }
  1. 创建Recycler条目布局item_recycler_view.xml。
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    >
  <TextView
      android:id="@+id/textView"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      />
</LinearLayout>
  1. 在MyAdapter中的onCreateViewHolder加载布局,并创建MyViewHolder对象。
@Override public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
    View view = LayoutInflater.from(mContext).inflate(R.layout.item_recycler_view,null);
    return new MyViewHolder(view);
  }
  1. 在MyViewHolder的构造方法中来初始化布局中所用到的控件。至此,MyViewHolder类编写完成。
public class MyViewHolder extends RecyclerView.ViewHolder {
    private TextView textView;
    public MyViewHolder(View itemView) {
      super(itemView);
      textView = (TextView) itemView.findViewById(R.id.textView);
    }
  }
  1. 在MyAdapter中的getItemCount函数内,返回mList.size()。
@Override public int getItemCount() {
    return mList.size();
  }
  1. 在MyAdapter中的onBindViewHolder函数内进行对控件的数据绑定。
@Override public void onBindViewHolder(MyViewHolder holder, int position) {
    holder.textView.setText(mList.get(position));
  }
  1. 在主Activity中为List<String> 填充数据,此处为模拟因此在类初始化的时候在静态代码块中添加。
  private static List<String> mList;

  static {
    mList = new ArrayList<>();
    for (int i=0;i<30;i++){
      mList.add("条目--------"+i);
    }
  }
  1. 接下来在 mRecyclerView.setLayoutManager(new LinearLayoutManager(this)); 后创建MyAdapter对象, 并为RecyclerView设置适配器。
  MyAdapter mAdapter = new MyAdapter(this, mList);
  mRecyclerView.setAdapter(mAdapter);
3110861-ec1d74452154fb48.png
效果图.png
  1. 为RecyclerView中的条目设置条目间距。创建SpaceItemDecoration继承自RecyclerView.ItemDecoration,并且重写getItemOffsets,从该类的构造函数中传入left,right,top,bottom的间距。
public class SpaceItemDecoration extends RecyclerView.ItemDecoration {

  private int top;
  private int bottom;
  private int left;
  private int right;

  public SpaceItemDecoration(int top,int bottom,int left,int right) {
    this.top = top;
    this.bottom = bottom;
    this.left = left;
    this.right = right;
  }

  @Override public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
      outRect.top = top; // 设置上边距
      outRect.bottom = bottom; // 设置下边距
      outRect.left = left; // 设置左边距
      outRect.right = right; // 设置右边距
  }
}
  1. 在mRecyclerView.setAdapter(mAdapter)之前调用mRecyclerView.addItemDecoration(new SpaceItemDecoration(2,2,2,2));方法
    mRecyclerView = (RecyclerView) findViewById(R.id.recycler_view);

    mRecyclerView.setLayoutManager(new LinearLayoutManager(this));

    MyAdapter mAdapter = new MyAdapter(this, mList);

    mRecyclerView.addItemDecoration(new SpaceItemDecoration(20,20,20,20));

    mRecyclerView.setAdapter(mAdapter);
3110861-70350a9d103cac47.png
效果图.png
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值