Android学习记录11————滚动控件RecyclerView

ListView也是我们开发当中非常常用的一个控件，几乎所有的程序都会用到它。不过ListView也是有缺点的，比如说性能差，扩展性不好，只能实现纵向滚动的效果。所有Android提供了一个更强大的滚动控件——RecyclerView，可以说是一个增强版的ListView，它可以轻松实现ListView同样的效果，还可以设置水平、纵向、网格、瀑布布局。下面简单使用一下RecyclerView。
首先需要在项目的build.gradle中添加相应的依赖库

implementation ‘com.android.support:recyclerview-v7:28.0.0’

然后在xml布局文件中使用RecyclerView控件

<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"/>

</LinearLayout>

接下来写一个实体类作为适配器的适配类型，这里简单写了一个实体类，里面有两个字段，分别是name名字和imageId对应图片资源id。

public class RecycleBean {
    private String name;
    private int imageId;

    public RecycleBean(String name, int imageId) {
        this.name = name;
        this.imageId = imageId;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public int getImageId() {
        return imageId;
    }

    public void setImageId(int imageId) {
        this.imageId = imageId;
    }
}

然后需要给RecyclerView的自相指定一个我们自定义的布局，在layout目录下新建vertical_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_marginVertical="5dp">

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

    <TextView
        android:id="@+id/vertical_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
        android:layout_marginLeft="10dp"/>

</LinearLayout>

接下来需要准备一个适配器，新建VerticalAdapter类，让这个类继承RecyclerView.Adapter，并将泛型指定为VerticalAdapter.ViewHolder，ViewHolder是我们定义的一个内部类，整个适配器的代码如下：

public class VerticalAdapter extends RecyclerView.Adapter<VerticalAdapter.ViewHolder> {
    private List<RecycleBean> list;

    static class ViewHolder extends RecyclerView.ViewHolder {
        ImageView image;
        TextView name;

        public ViewHolder(@NonNull View itemView) {
            super(itemView);
            image = itemView.findViewById(R.id.vertical_image);
            name = itemView.findViewById(R.id.vertical_name);
        }
    }

    public VerticalAdapter(List<RecycleBean> list) {
        this.list = list;
    }


    @NonNull
    @Override
    public ViewHolder onCreateViewHolder(@NonNull ViewGroup viewGroup, int i) {
        View view = LayoutInflater.from(viewGroup.getContext())
                .inflate(R.layout.vertical_item, viewGroup, false);
        ViewHolder holder = new ViewHolder(view);
        return holder;
    }

    @Override
    public void onBindViewHolder(@NonNull ViewHolder viewHolder, int i) {
        RecycleBean bean = list.get(i);
        viewHolder.image.setImageResource(bean.getImageId());
        viewHolder.name.setText(bean.getName());
    }

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

适配器准备好之后，我们就可以开始使用RecyclerView了

public class VerticalActivity extends AppCompatActivity {

    RecyclerView verticalRecycler;

    private List<RecycleBean> beans = new ArrayList<>();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_vertical);
        //初始化数据
        init();
        verticalRecycler = findViewById(R.id.vertical_recycler);
        verticalRecycler.setLayoutManager(new LinearLayoutManager(this));
        VerticalAdapter adapter = new VerticalAdapter(beans);
        verticalRecycler.setAdapter(adapter);
    }

    private void init() {
        for(int i = 0; i<20; i++){
            RecycleBean bean = new RecycleBean("name"+i, R.mipmap.ic_launcher);
            beans.add(bean);
        }
    }
}

RecyclerView的使用很简单，只需要三四行代码搞定，首先通过findViewById()获取控件，新建一个LinearLayoutManager对象，并将它设置到RecyclerView中，再新建一个我们准备好的适配器VerticalAdapter，并把实体类数组传入到VerticalAdapter适配器的构造器当中，最后调用RecyclerView的setAdapter()来完成适配器的设置。效果如下

这样实现了一个简单的RecyclerView，如果需要用到RecyclerView，只需要按照上面的编写方法去实现。另外也可以使用水平布局、网格布局，效果如下