RecyclerView:更高级更灵活的ListView

paragkul 8年前

来自: http://www.jcodecraeer.com//a/anzhuokaifa/androidkaifa/2014/0710/1631.html


关于RecyclerView本文极力推荐这篇文章:RecyclerView使用介绍  

google将越来越多的第三方开源控件集成到自己的开发包中,support-v7实现了能替代ActionBarSherlock的ActionBarActivity,还有能替代menudrawer侧滑菜单的NavigationDrawer,今年的i/o大会上google又给我们带来了一些新控件,这里要介绍的是被看作欲替代ListView 和GridView的RecyclerView

RecyclerView 改善了ListView的编程接口,他其实是一个ViewGroup ,能配合任何基于adapter的view实现多种布局,它异常灵活,却没有使用ListView时会遇到的不合理问题。 RecyclerView
提供了:

.一个负责放置item的layout manager。

.item的默认动画

当然你可以自定义layoutmanager和动画。

layout manager不仅负责将item放入RecyclerView 中,还负责决定何时重用那些已经不在视野范围内的item,这点和ListView类似,不过RecyclerView 将这个功能从ListView分离出来交给了layout manager

如果要自定义item的动画 需要一个继承 RecyclerView.ItemAnimator的类,然后使用RecyclerView.setItemAnimator来设置动画。

使用方法:

主要是不好下载开发包,这里介绍一种比较正规的办法。

开发环境

- IDE: ADT
- SDK: Android L


首先在Android SDK Manager上下载Android Support Repository,

它会在sdk/extras/android目录下生成m2repository目录,


进入RecycleView目录。用解压文件打开recyclerview-v7-21.0.0-rc1.aar文件,将claaes.jar改名后放入lib文件夹。



如果想在ADT中关联源代码,可以在libs下新建文件
recycleview.jar.properties
编辑
src=D:\\adt-bundle-windows-x86_64-20131030\\sdk\\extras\\android\\m2repository\\com\\android\\support\\recyclerview-v7\\21.0.0-rc1\\recyclerview-v7-21.0.0-rc1-sources.jar

右键项目close project,然后open project这样就可以关联源代码了。


创建项目如图



布局文件中使用 RecyclerView,横向和纵向两个:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"      xmlns:tools="http://schemas.android.com/tools"      android:layout_width="match_parent"      android:layout_height="match_parent"      android:orientation="vertical"      tools:context=".MyActivity">      <TextView          android:layout_width="match_parent"          android:layout_height="wrap_content"          android:padding="10dp"          android:text="Horizontal"          android:textSize="18sp" />      <android.support.v7.widget.RecyclerView          android:id="@+id/recyclerview_horizontal"          android:layout_width="match_parent"          android:layout_height="50dp"          android:scrollbars="horizontal" />      <TextView          android:layout_width="match_parent"          android:layout_height="wrap_content"          android:padding="10dp"          android:text="Vertical"          android:textSize="18sp" />      <android.support.v7.widget.RecyclerView          android:id="@+id/recyclerview_vertical"          android:layout_width="match_parent"          android:layout_height="0dp"          android:layout_weight="1"          android:scrollbars="vertical" />  </LinearLayout>

Activity中

package com.baoyz.recyclerviewdemo;  import android.app.Activity;  import android.os.Bundle;  import android.support.v7.widget.LinearLayoutManager;  import android.support.v7.widget.RecyclerView;  import android.view.Menu;  import android.view.MenuItem;  public class MyActivity extends Activity {      @Override      protected void onCreate(Bundle savedInstanceState) {          super.onCreate(savedInstanceState);          setContentView(R.layout.activity_my);          initHorizaontal();          initVertical();      }      private void initHorizaontal() {          RecyclerView recyclerView = (RecyclerView) findViewById(R.id.recyclerview_horizontal);          // 创建一个线性布局管理器          LinearLayoutManager layoutManager = new LinearLayoutManager(this);          layoutManager.setOrientation(LinearLayoutManager.HORIZONTAL);          // 设置布局管理器          recyclerView.setLayoutManager(layoutManager);          // 创建数据集          String[] dataset = new String[100];          for (int i = 0; i < dataset.length; i++){              dataset[i] = "item" + i;          }          // 创建Adapter,并指定数据集          MyAdapter adapter = new MyAdapter(dataset);          // 设置Adapter          recyclerView.setAdapter(adapter);      }      public void initVertical(){          RecyclerView recyclerView = (RecyclerView) findViewById(R.id.recyclerview_vertical);          // 创建一个线性布局管理器          LinearLayoutManager layoutManager = new LinearLayoutManager(this);          // 默认是Vertical,可以不写          layoutManager.setOrientation(LinearLayoutManager.VERTICAL);          // 设置布局管理器          recyclerView.setLayoutManager(layoutManager);          // 创建数据集          String[] dataset = new String[100];          for (int i = 0; i < dataset.length; i++){              dataset[i] = "item" + i;          }          // 创建Adapter,并指定数据集          MyAdapter adapter = new MyAdapter(dataset);          // 设置Adapter          recyclerView.setAdapter(adapter);      }                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      }

RecyclerView 一个特点就是,将 layout 抽象成了一个 LayoutManager,RecylerView 不负责子 View 的布局, 我们可以自定义 LayoutManager 来实现不同的布局效果, 目前只提供了LinearLayoutManager。 LinearLayoutManager 可以指定方向,默认是垂直, 可以指定水平, 这样就轻松实现了水平的 ListView。
Adapter

package com.baoyz.recyclerviewdemo;  import android.support.v7.widget.RecyclerView;  import android.view.View;  import android.view.ViewGroup;  import android.widget.TextView;  /**   * Created by baoyz on 2014/6/29.   */  public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder>{      // 数据集      private String[] mDataset;      public MyAdapter(String[] dataset) {          super();          mDataset = dataset;      }      @Override      public ViewHolder onCreateViewHolder(ViewGroup viewGroup, int i) {          // 创建一个View,简单起见直接使用系统提供的布局,就是一个TextView          View view = View.inflate(viewGroup.getContext(), android.R.layout.simple_list_item_1, null);          // 创建一个ViewHolder          ViewHolder holder = new ViewHolder(view);          return holder;      }      @Override      public void onBindViewHolder(ViewHolder viewHolder, int i) {          // 绑定数据到ViewHolder上          viewHolder.mTextView.setText(mDataset[i]);      }      @Override      public int getItemCount() {          return mDataset.length;      }      public static class ViewHolder extends RecyclerView.ViewHolder{          public TextView mTextView;          public ViewHolder(View itemView) {              super(itemView);              mTextView = (TextView) itemView;          }      }  }


RecyclerView 的另一个特点是标准化了 ViewHolder, 编写 Adapter 面向的是 ViewHoder 而不在是View 了, 复用的逻辑被封装了, 写起来更加简单。

demo

https://github.com/baoyongzhang/RecyclerViewDemo


demo中已经有了相关的包,可以直接拷贝到自己项目中用,如果是eclispe开发的话 导入eclipse 目录下的。