Android RecyclerView详解(一)

Android RecyclerView详解(一)

Android RecyclerView之ListView显示(二)

Android RecyclerView之GridView显示(三)

Android RecyclerView之瀑布流显示(四)

RecyclerView

Android 5.0之后，谷歌公司推出了RecyclerView控件

一.什么是RecyclerView？

RecylerView是support-v7包中的新组件，是一个强大的滑动组件，与ListView相比，同样拥有item回收复用的功能，并且从它的名字recylerview即回收view也可以看出。其他可以自己去设置。可以看出其高度的解耦，给予你充分的定制自由。替代ListView,GridView,可以实现垂直/水平显示的列表/瀑布流的效果，功能强大。在API的14无法使用RecycleView,所以要在项目管理页面,把RecyclerView添加到布局文件并关联兼容包(注意:低版本的安卓系统,要进行兼容包的关联)

步骤：按住control+alt+shift+s出现Project Structure按

二.与ListView相比RecyclerView有什么优点？

1.RecylerView封装了viewholder的回收复用,就是说RecylerView标准化了ViewHolder,编写Adapter面向的是ViewHolder而不再是View了,复用的逻辑被封装了,写起来更加简单。

2.提供了一种插拔式的体验，高度的解耦，异常的灵活，针对一个Item的显示RecylerView专门抽取出了相应的类，来控制Item的显示，使其的扩展性非常强。例如：你想控制横向或者纵向滑动列表效果可以通过LinearLayoutManager这个类来进行控制(与GridView效果对应的是GridLayoutManager,与瀑布流对应的还有StaggeredGridLayoutManager等)，也就是说RecylerView不再拘泥于ListView的线性展示方式，可以实现GridView,瀑布流等多种效果。控制Item的分隔线，可以通过继承RecylerView的ItemDecoration这个类，然后针对自己的业务需求去抒写代码。

3.可以控制Item增删的动画，可以通过ItemAnimator这个类进行控制，当然针对增删的动画，RecylerView有其自己默认的实现。

三.RecyclerView用法

了解了RecylerView的优势，首先我们需要明白RecylerView必须导入support-v7包，因为RecylerView高度的解耦，异常的灵活。

谷歌给我们提供了多个类来控制Item的显示

1.控制显示的方式，可以通过布局管理器LayoutManager（以LinearLayout为例）

2.控制布局方向，可以通过setOrientation

3.控制适配器，可以通过setAdapter

4.控制Item间的间隔（可绘制），可以通过ItemDecoration

5.控制Item增删的动画，可以通过ItemAnimator

LinearLayoutManager layoutManager = new LinearLayoutManager(this );//设置布局管理器  recyclerView.setLayoutManager(layoutManager);//设置为垂直布局，这也是默认的  layoutManager.setOrientation(OrientationHelper. VERTICAL);//设置Adapter  recyclerView.setAdapter( recycleAdapter);//设置分隔线  recyclerView.addItemDecoration( new DividerGridItemDecoration(this ));//设置增加或删除条目的动画  recyclerView.setItemAnimator( new DefaultItemAnimator());  

RecyclerView还需要一个menu菜单栏

在这里只给出代码，menu菜单栏详解请点击：Munu菜单栏详解

<?xml version="1.0" encoding="utf-8"?><menu xmlns:android="http://schemas.android.com/apk/res/android"      xmlns:app="http://schemas.android.com/apk/res-auto">    <item        android:id="@+id/action_ListView"        android:orderInCategory="100"        android:title="ListView显示"        app:showAsAction="never">        <menu>            <item                android:id="@+id/action_ListView_noraml"                android:orderInCategory="100"                android:title="标准"                app:showAsAction="never"/>            <item                android:id="@+id/action_ListView_vertical_reverse"                android:orderInCategory="100"                android:title="垂直反向"                app:showAsAction="never"/>            <item                android:id="@+id/action_ListView_horizontal"                android:orderInCategory="100"                android:title="水平"                app:showAsAction="never"/>            <item                android:id="@+id/action_ListView_horizontal_reverse"                android:orderInCategory="100"                android:title="水平反向"                app:showAsAction="never"/>        </menu>    </item></menu>

还需要新建一个DateBean类用于存储图片和信息

package com.example.recyclerview1.menu;/** * Date:2017/3/14 * author:陈箫阳ChenXiaoYang * furction: */public class DataBean {    public int icon;    public String name;}

主类MainActivity代码

package com.example.recyclerview1;import android.os.Bundle;import android.support.v7.app.AppCompatActivity;import android.support.v7.widget.LinearLayoutManager;import android.support.v7.widget.RecyclerView;import android.view.Menu;import android.view.MenuItem;import android.widget.Toast;import com.example.recyclerview1.menu.DataBean;import java.util.ArrayList;public class MainActivity extends AppCompatActivity {    private RecyclerView mRecyclerView;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        //A.初始化控件对象        mRecyclerView = (RecyclerView) findViewById(R.id.recycler_view);    }    //A.RecyclerView填充数据    private void loadListData() {        //集合对象        ArrayList<DataBean> datas = new ArrayList<>();        //给bean类放数据,最后把装好数据的bean类放入到集合里        for (int i = 0; i < 20; i++) {            //创建集合对象            DataBean dataBean = new DataBean();            dataBean.icon=R.mipmap.ic_launcher;            dataBean.name="RecyclerView"+i;            datas.add(dataBean);        }        //创建适配器所需参,创建Adapter类及对象(一般最低需要两个,上下文及加载数据集合)        RecyclerViewAdapter recyclerViewAdapter = new RecyclerViewAdapter(this, datas);        //1.设置适配器        mRecyclerView.setAdapter(recyclerViewAdapter);        //布局管理器所需参数,其参数上下文this.        LinearLayoutManager linearLayoutManager = new LinearLayoutManager(this);        //2.设置布局管理器,参数  LinearLayoutManager        mRecyclerView.setLayoutManager(linearLayoutManager);    }    //加载一个菜单的布局    @Override    public boolean onCreateOptionsMenu(Menu menu) {        //加载布局,使用菜单特有方法getMenuInflater,获取inflate对象,参数:  1.菜单显示的布局       2.固定menu        getMenuInflater().inflate(R.menu.menu_main, menu);        return true;    }    //菜单按钮点击事件的处理    @Override    public boolean onOptionsItemSelected(MenuItem item) {        int itemId = item.getItemId();        if (itemId == R.id.action_ListView_noraml) {            //标准展示            loadListData();            Toast.makeText(MainActivity.this, "标准显示", Toast.LENGTH_SHORT).show();            return true;        }        return super.onOptionsItemSelected(item);    }}

四.RecyclerView.Adapter用法

RecylerView的设置过程，比ListView要复杂，这也是RecylerView高度解耦的表现，虽然代码上有点复杂，但它的扩展性是极高的。

了解RecyclerView的一些控制之后，紧接着是Adapter的写法，RecyclerView的Adapter与ListView的Adapter还是有点区别的，RecyclerView.Adapter，需要实现3个方法：

1.onCreateViewHolder()这个方法主要生成为每个Item inflater出一个View，但是该方法返回的是一个ViewHolder。该方法把View直接封装在ViewHolder中，然后我们面向的是ViewHolder这个实例，当然这个ViewHolder需要我们自己去编写。直接省去了当初的convertView.setTag(holder)和convertView.getTag()这些繁琐的步骤。

2.onBindViewHolder()：这个方法主要用于适配渲染数据到View中。方法提供给你了一个viewHolder，而不是原来的convertView。

3.getItemCount()这个方法就类似于BaseAdapter的getCount方法了，即总共有多少个条目。

package com.example.recyclerview1;import android.content.Context;import android.support.v7.widget.RecyclerView;import android.view.View;import android.view.ViewGroup;import android.widget.ImageView;import android.widget.TextView;import com.example.recyclerview1.menu.DataBean;import java.util.List;/** * Date:2017/3/14 * author:陈箫阳ChenXiaoYang * furction: */public class RecyclerViewAdapter extends RecyclerView.Adapter<RecyclerViewAdapter.ListViewHolder> {    private Context mContext;    //泛型是RecyclerView所需的bean类    private List<DataBean> mDataBeen;    //构造方法,一般需要接收两个参数,上下文及集合对象.    public RecyclerViewAdapter(Context context,List<DataBean> dataBean) {        mContext=context;        mDataBeen=dataBean;    }    //创建ViewHolder,并把VIewHolder(也可以理解为一个item)返回出去    @Override    public ListViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {        //转换一个View布局对象,决定了Item的样子.参数:1.上下文    2.XML布局资源     3.一般为null        View itemView = View.inflate(mContext, R.layout.item_list, null);        //创建一个VIewHolder对象        ListViewHolder listViewHolder = new ListViewHolder(itemView);        //把ViewHolder对象传出去        return listViewHolder;    }    //当VIewHolder和数据绑定时回调    @Override    public void onBindViewHolder(ListViewHolder holder, int position) {        //从集合里拿对应item的数据对象        DataBean dataBean = mDataBeen.get(position);        //给holder里面的控件对象设置数据        holder.setData(dataBean);    }    //决定RecyclerView多少条item    @Override    public int getItemCount() {        //数据不为null,有几条数据就显示几条数据        if(mDataBeen !=null && mDataBeen.size()>0){            return mDataBeen.size();        }        return 0;    }    //自动帮我写的ViewHolder,参数:View布局对象    public class ListViewHolder extends RecyclerView.ViewHolder {        private final ImageView ivIcon;        private final TextView tvName;        public ListViewHolder(View itemView) {            super(itemView);            ivIcon = (ImageView) itemView.findViewById(R.id.item_list_iv_icon);            tvName = (TextView) itemView.findViewById(R.id.item_list_tv_name);        }        public void setData(DataBean data) {            //给imageView设置图片数据            ivIcon.setImageResource(data.icon);            //给TextView设置文本数据            tvName.setText(data.name);        }    }}

RecyclerView标准化了ViewHolder，编写 Adapter面向的是ViewHoder而不在是View了，复用的逻辑被封装了，写起来更加简单。其实它的写法与BaseAdapter的写法是差不多的，大家可以对比下它与getView方法写法的区别，在onCreateViewHolder方法中初始化了一个View，然后返回一个ViewHolder，这个返回的ViewHolder类似于之前在getView中的convertView.getTag()，然后在onBindViewHolder方法中去给这个ViewHolder中的控件填充值。其实它的原理跟getView是差不多的，只是做了封装，写起来比较简洁。

5.主类布局文件activity_main和行布局item_list代码

<?xml version="1.0" encoding="utf-8"?><RelativeLayout    xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:id="@+id/activity_main"    android:layout_width="match_parent"    android:layout_height="match_parent"    tools:context="com.example.recyclerview1.MainActivity">    <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></RelativeLayout>

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"              android:layout_width="match_parent"              android:layout_height="match_parent">    <ImageView        android:id="@+id/item_list_iv_icon"        android:layout_width="75dp"        android:layout_height="75dp"        android:src="@mipmap/ic_launcher"/>    <!--textStyle:设置字体样式,这里为粗体字-->    <TextView        android:id="@+id/item_list_tv_name"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:textSize="20sp"        android:textStyle="bold"        android:text="图片描述"        android:layout_toRightOf="@id/item_list_iv_icon"        android:layout_centerVertical="true"/></RelativeLayout>