Android-RecyclerView(循环复用控件)

RecyclerView(循环复用控件)

优点:提供了一种插拔式的体验，高度的解耦，异常的灵活

用法:
1.通过布局管理器LayoutManager，控制其显示的方式
2.通过ItemDecoration控件Item间的间隔(可绘制)
3.通过ItemAnimator控件Item增删的动画

1.实现垂直方向的滚动

dependencies {
compile fileTree(dir: ‘libs’, include: [’*.jar’])
testCompile ‘junit:junit:4.12’
compile ‘com.android.support:appcompat-v7:24.2.0’
compile ‘com.android.support:recyclerview-v7:24.2.1’
}

添加布局文件：

<?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.support.v7.widget.RecyclerView
    android:id="@+id/recycler_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
</android.support.v7.widget.RecyclerView>

创建RecyclerView 适配器 BookBaseAdapter ，这个类继

承 RecyclerView.Adapter 并将泛型指定

为 BookBaseAdapter.ViewHolder

其中ViewHolder是我们在 BookBaseAdapter 中定义的一个内部

类：代码如下：

public class BookBaseAdapter extends

RecyclerView.Adapter<BookBaseAdapter.ViewHolder>{

private List<Book> mBookList;

static class ViewHolder extends 

RecyclerView.ViewHolder{
ImageView bookImage;
TextView bookname;

    public ViewHolder(View view) {
        super(view);
        bookImage = (ImageView) view.findViewById

(R.id.book_iamge);
bookname = (TextView) view.findViewById

(R.id.book_name);
}
}

public BookBaseAdapter(List<Book> mBookList) {
    this.mBookList = mBookList;
}

//加载item 的布局  创建ViewHolder实例
@Override
public ViewHolder onCreateViewHolder(ViewGroup parent, 

int viewType) {
View view = LayoutInflater.from(parent.getContext

()).inflate(R.layout.book,parent,false);
ViewHolder holder = new ViewHolder(view);
return holder;
}

//对RecyclerView子项数据进行赋值
@Override
public void onBindViewHolder(ViewHolder holder, int 

position) {
Book book = mBookList.get(position);
holder.bookname.setText(book.getName());
holder.bookImage.setImageResource(book.getImageId

());
}

//返回子项个数
@Override
public int getItemCount() {
    return mBookList.size();
}

}

MainActivity调用：

public class MainActivity extends AppCompatActivity {

private List<Book> mlsit = new ArrayList<Book>();

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    //初始化List数据
    initBook();
    //初始化RecyclerView
    RecyclerView recyslerview = (RecyclerView) 

findViewById(R.id.recycler_view);
//创建LinearLayoutManager 对象 这里使用

LinearLayoutManager 是线性布局的意思
LinearLayoutManager layoutmanager = new

LinearLayoutManager(this);
//设置RecyclerView 布局
recyslerview.setLayoutManager(layoutmanager);
//设置Adapter
BookBaseAdapter adapter = new BookBaseAdapter

(mlsit);
recyslerview.setAdapter(adapter);
}

private void initBook(){
    for (int i = 0; i < 10; i++) {
        Book book01 = new Book

(“Book”+i,R.drawable.icon01);
mlsit.add(book01);
Book book02 = new Book

(“Book”+i,R.drawable.icon02);
mlsit.add(book02);
Book book03 = new Book

(“Book”+i,R.drawable.icon03);
mlsit.add(book03);
}
}
}

main_layout布局：

<?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.support.v7.widget.RecyclerView
    android:id="@+id/recycler_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
</android.support.v7.widget.RecyclerView>

item布局：

<?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=“wrap_content”
android:orientation=“horizontal”>

<ImageView
    android:id="@+id/book_iamge"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>

<TextView
    android:id="@+id/book_name"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"/>

2.实现横向滚动
onCreat方法中添加setOrientation（）方法来设置布局的排列方

向

layoutmanager.setOrientation

(LinearLayoutManager.HORIZONTAL);

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    //初始化List数据
    initBook();
    //初始化RecyclerView
    RecyclerView recyslerview = (RecyclerView) 

findViewById(R.id.recycler_view);
//创建LinearLayoutManager 对象
LinearLayoutManager layoutmanager = new

LinearLayoutManager(this);
layoutmanager.setOrientation

(LinearLayoutManager.HORIZONTAL);
//设置RecyclerView 布局
recyslerview.setLayoutManager(layoutmanager);
//设置Adapter
BookBaseAdapter adapter = new BookBaseAdapter

(mlsit);
recyslerview.setAdapter(adapter);
}

修改一下item的布局：

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout

xmlns:android=“http://schemas.android.com/apk/res/android”
android:layout_width=“150dp”
android:layout_height=“wrap_content”
android:orientation=“vertical”>

<ImageView
    android:id="@+id/book_iamge"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center_horizontal"/>

<TextView
    android:id="@+id/book_name"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="10dp"
    android:layout_gravity="center_horizontal"/>

3.瀑布流布局
ecyclerView除了LinearLayoutManager 之外，还提供了

GridlayoutManager和StaggeredGridlayoutManager这两种内置的

布局排列方式

GridlayoutManager可以用于实现网格布局

StaggeredGridlayoutManager可以用于实现瀑布流布局，

修改item.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=“wrap_content”
android:layout_margin=“5dp”
android:orientation=“vertical”>

<ImageView
    android:id="@+id/book_iamge"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center_horizontal"/>

<TextView
    android:id="@+id/book_name"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="5dp"
    android:layout_gravity="left"/>

onCreat方法：
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//初始化List数据
initBook();
//初始化RecyclerView
RecyclerView recyslerview = (RecyclerView)

findViewById(R.id.recycler_view);
//创建LinearLayoutManager 对象
/*
* 第一个参数表示布局的列数
* 第二个参数表示布局的方向，这里我们传入

StaggeredGridLayoutManager.VERTICAL，表示布局纵向排列
*/
StaggeredGridLayoutManager layoutmanager = new

StaggeredGridLayoutManager

(3,StaggeredGridLayoutManager.VERTICAL);
//设置RecyclerView 布局
recyslerview.setLayoutManager(layoutmanager);
//设置Adapter
BookBaseAdapter adapter = new BookBaseAdapter

(mlsit);
recyslerview.setAdapter(adapter);
}