RecycleView实现ListView和GridView，用menu菜单分别显示

RecycleView实现ListView和GridView的效果显示图：

RecycleView的实现步骤：

1.搭建环境：由于RecycleView是在android5.0之后出来的，用来代替listview，以前的版本能用。需要添加包

选择recycleview-v7包，点击OK；

2.在activity_main布局文件中添加recycleview：

<RelativeLayout
    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"
    tools:context="com.zhiyuan3g.myrecycleviewone.MainActivity">
    <android.support.v7.widget.RecyclerView
        android:id="@+id/recycle_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"></android.support.v7.widget.RecyclerView>
</RelativeLayout>

3.实例化RecycleView控件

public class MainActivity extends AppCompatActivity {
    private RecyclerView recycle_view;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //初始化控件
        recycle_view = (RecyclerView) findViewById(R.id.recycle_view);
    } 
}

4.创建DataBean类，存放Recycle的数据

//创建DataBean类，存放数据
public class DataBean {
    public int Icon;
    public String name;
}

5.RecycleView填充ListView数据

（1）先创建关于ListView适配器MyRecycleAdapter

//RecycleView的适配器，要注意指定的泛型，一般我们就是类名的ViewHolder继承ViewHolder（内部已经实现了复用优化机制）
public class MyRecycleAdapter extends RecyclerView.Adapter<MyRecycleAdapter.ListViewHolder>{
    private Context mContext;
    //泛型是RecycleView所需的bean类
    private List<DataBean>list;
    //创建构造方法；一个需要接受两个参数，上下文，集合对象（包含了我们所需要的数据）
    public MyRecycleAdapter(Context context, List<DataBean> list) {
        mContext = context;
        this.list = list;
    }

    @Override
    //创建ViewHolder，并把ViewHolder返回出去
    public MyRecycleAdapter.ListViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        //转换一个View布局，决定了item的样子， 参数:1.上下文 2.Xml布局资源 3.为null
        View view = View.inflate(mContext, R.layout.item, null);
        //创建一个ViewHolder对象
        ListViewHolder listViewHolder = new ListViewHolder(view);
        //把VIewHolder对象传出去
        return listViewHolder;
    }

    @Override
    //当VIewHolder和数据绑定时回调
    public void onBindViewHolder(MyRecycleAdapter.ListViewHolder holder, int position) {
        //从集合里拿对应item数据对象
        DataBean dataBean = list.get(position);
        //给Holder里面的控件对象设置数据
        holder.setData(dataBean);
    }

    @Override
    //决定RecycleView有多少条item
    public int getItemCount() {
        if(list!=null&&list.size()>0){
            return list.size();
        }
        return 0;
    }

    public class ListViewHolder extends RecyclerView.ViewHolder {

        private final ImageView mImageView;
        private final TextView mTextView;

        public ListViewHolder(View itemView) {
            super(itemView);
            mImageView = (ImageView) itemView.findViewById(R.id.item_iv_icon);
            mTextView = (TextView) itemView.findViewById(R.id.item_tv_name);
        }


        public void setData(DataBean data) {
            //给ImageView设置图片数据
            mImageView.setImageResource(data.Icon);
            //给TextView设置文本数据
            mTextView.setText(data.name);
        }
    }
}

（2）创建MyRecycleAdapter适配器时，需要item布局，创建item布局

<?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_iv_icon"
        android:layout_width="75dp"
        android:layout_height="75dp"/>
    <TextView
        android:layout_toRightOf="@+id/item_iv_icon"
        android:layout_centerVertical="true"
        android:id="@+id/item_tv_name"
        android:textSize="30sp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>
</RelativeLayout>

（3）实现ListView的显示，创建LoadListData(Boolean inversion,Boolean orientation)方法；

private void LoadData(Boolean inversion,Boolean orientation){
        //集合对象
        ArrayList<DataBean>list = new ArrayList();
        //给Bean类放数据，最后把装好数据的Bean类放到集合里
        for(int i=0;i<35;i++){
            //创建dataBean类对象，
            DataBean dataBean = new DataBean();
            dataBean.Icon =R.drawable.jwss_img;
            dataBean.name = "嘉文四世"+i;
            //把dataBean类放入集合里
            list.add(dataBean);
        }
//创建适配器Adapter对象  参数：1.上下文2.数据加载集合
        MyRecycleAdapter adapter = new MyRecycleAdapter(this,list);
        //设置适配器
        recycle_view.setAdapter(adapter);
        //布局管理器所需参数， 上下文
        LinearLayoutManager linearLayoutManager= new LinearLayoutManager(this);
        //B.通过布局管理器，可以控制条目排列的顺序，   true反向，false正常显示
        linearLayoutManager.setReverseLayout(inversion);
        //C.shezhi RecycleView显示的方向是水平和垂直（默认）
        linearLayoutManager.setOrientation(orientation？LinearLayoutManager.VERTICAL:LinearLayoutManager.HORIZONTAL);
        //设置布局管理器，参数linearLayoutManager对象
        recycle_view.setLayoutManager(linearLayoutManager);
}

（4）创建GridView适配器MyRecycleGridAdapter

//提示：MyRecycleAdapter和MyRecycleGridAdapter的代码是一样的
//RecycleView的适配器，要注意指定的泛型，一般我们就是类名的ViewHolder继承ViewHolder（内部已经实现了复用优化机制）
public class MyRecycleGridAdapter extends RecyclerView.Adapter<MyRecycleGridAdapter.GridVieWHolder>{
    private Context mContext;
    //泛型是RecycleView所需的bean类
    private List<DataBean>list;
    public MyRecycleGridAdapter(Context context, List<DataBean> list) {
        mContext = context;
        this.list = list;
    }

    @Override
    //创建ViewHolder，并把ViewHolder返回出去
    public MyRecycleGridAdapter.GridVieWHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        //转换一个View布局，决定了item的样子， 参数:1.上下文 2.Xml布局资源 3.为null
        View view = View.inflate(mContext, R.layout.item_grid, null);
        //创建一个ViewHolder对象
        GridVieWHolder gridVieWHolder = new GridVieWHolder(view);
        //把VIewHolder对象传出去
        return gridVieWHolder;
    }

    @Override
    //当VIewHolder和数据绑定时回调
    public void onBindViewHolder(MyRecycleGridAdapter.GridVieWHolder holder, int position) {
        //从集合里拿对应item数据对象
        DataBean dataBean = list.get(position);
        //给Holder里面的控件对象设置数据
        holder.setData(dataBean);
    }

    @Override
    //决定RecycleView有多少条item
    public int getItemCount() {
        if(list!=null&&list.size()>0){
            return list.size();
        }
        return 0;
    }

    public class GridVieWHolder extends RecyclerView.ViewHolder {
        private final ImageView mIcon;
        private final TextView mTextView;
        public GridVieWHolder(View itemView) {
            super(itemView);
            mIcon = (ImageView)itemView.findViewById(R.id.item_grid_iv_icon);
            mTextView = (TextView) itemView.findViewById(R.id.item_grid_tv_name);
        }

        public void setData(DataBean data) {
            //给ImageView设置图片数据
            mIcon.setImageResource(data.icon);
            //给TextView设置文本数据
            mTextView.setText(data.name);
        }
    }
}

（5）创建item_grid布局

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:gravity="center"
              android:orientation="vertical"
              android:layout_width="match_parent"
              android:layout_height="wrap_content">
    <ImageView
        android:src="@drawable/animal01"
        android:id="@+id/item_grid_iv_icon"
        android:layout_width="75dp"
        android:layout_height="75dp"/>
    <TextView
        android:layout_toRightOf="@+id/item_iv_icon"
        android:layout_centerVertical="true"
        android:id="@+id/item_grid_tv_name"
        android:textSize="30sp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>

</LinearLayout>

（6）实现GridView的显示，创建GridLoadData(Boolean inversion,Boolean orientation)方法；

private void GridLoadData(Boolean inversion,Boolean orientation) {
        //集合对象
        ArrayList<DataBean> list = new ArrayList<>();
        //给Bean类放数据，最后把装好数据的Bean类放到集合里
        for(int i=0;i<35;i++){
            //创建Bean类对象，
            DataBean bean = new DataBean();
            bean.icon = R.drawable.animal01;
            bean.name = "dog"+i;
            //把Bean类放入集合里
            list.add(bean);
        }
        //创建适配器Adapter对象  参数：1.上下文2.数据加载集合
        MyRecycleGridAdapter adapter = new MyRecycleGridAdapter(this,list);
        //设置适配器
        recyclerView.setAdapter(adapter);
        //布局管理器所需参数， 上下文,和要显示的列数
        GridLayoutManager gridLayoutManager = new GridLayoutManager(this,3);
        //B.通过布局管理器，可以控制条目排列的顺序，   true反向，false正常显示
        gridLayoutManager.setReverseLayout(inversion);
        //C.设置 RecycleView显示的方向是水平和垂直（默认）
        gridLayoutManager.setOrientation(orientation?GridLayoutManager.VERTICAL:GridLayoutManager.HORIZONTAL);
        //设置布局管理器，参数gridLayoutManager对象
        recyclerView.setLayoutManager(gridLayoutManager);
    }

6.我们需要创建一个Menu菜单来选择显示ListView和GridView的各个样式。在res下创建menu文件夹，创建menu_item布局；

<?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_list"
          android:orderInCategory="100"
          android:title="list显示"
          app:showAsAction="never"
        ><!--showAsAction="never"用三个点的形式显示任务栏-->
        <menu>
            <item
                android:id="@+id/action_list_normal"
                android:orderInCategory="100"
                android:title="标准"
                app:showAsAction="never"
                />
            <item
                android:id="@+id/action_list_reverse"
                android:orderInCategory="100"
                android:title="垂直反向"
                app:showAsAction="never"
                />
            <item
                android:id="@+id/action_list_horizontal"
                android:orderInCategory="100"
                android:title="水平"
                app:showAsAction="never"
                />
            <item
                android:id="@+id/action_list_horizontal_reverse"
                android:orderInCategory="100"
                android:title="水平反向"
                app:showAsAction="never"
                />
        </menu>
    </item>
    <item android:id="@+id/action_grid"
          android:orderInCategory="100"
          android:title="Grid显示"
          app:showAsAction="never"
        ><!--showAsAction="never"用三个点的形式显示任务栏-->
        <menu>
            <item
                android:id="@+id/action_grid_normal"
                android:orderInCategory="100"
                android:title="标准"
                app:showAsAction="never"
                />
            <item
                android:id="@+id/action_grid_reverse"
                android:orderInCategory="100"
                android:title="垂直反向"
                app:showAsAction="never"
                />
            <item
                android:id="@+id/action_grid_horizontal"
                android:orderInCategory="100"
                android:title="水平"
                app:showAsAction="never"
                />
            <item
                android:id="@+id/action_grid_horizontal_reverse"
                android:orderInCategory="100"
                android:title="水平反向"
                app:showAsAction="never"
                />
        </menu>
    </item>
</menu>

7.创建onCreateOptionsMenu方法和onOptionsItemSelected方法，实现menu菜单的使用

 //菜单，RecycleView各种效果的展示
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        //加载布局使用菜单特有方法getMenuInflater。或Inflate对象，参数：1.菜单显示布局2.固定
        getMenuInflater().inflate(R.menu.menu_item,menu);
        return super.onCreateOptionsMenu(menu);
    }

    @Override
    //菜单按钮点击事件的处理
    public boolean onOptionsItemSelected(MenuItem item) {
        int itemId = item.getItemId();
        //list标准显示
        if(itemId ==R.id.action_list_normal){
            LoadData(false,true);
            return true;
        }//list垂直显示
        else if(itemId ==R.id.action_list_reverse){
            LoadData(true,true);
        }//list水平显示
        else if(itemId ==R.id.action_list_horizontal){
            LoadData(false,false);
        }//list水平反向显示
        else if(itemId ==R.id.action_list_horizontal_reverse){
            LoadData(true,false);
        }
        //Grid标准显示
        if(itemId ==R.id.action_grid_normal){
            GridLoadData(false,true);
            return true;
        }//Grid垂直显示
        else if(itemId ==R.id.action_grid_reverse){
            GridLoadData(true,true);
        }//Grid水平显示
        else if(itemId ==R.id.action_grid_horizontal){
            GridLoadData(false,false);
        }//Grid水平反向显示
        else if(itemId ==R.id.action_grid_horizontal_reverse){
            GridLoadData(true,false);
        }
        return super.onOptionsItemSelected(item);
    }

MainAcitivity代码：

public class MainActivity extends AppCompatActivity {

    private RecyclerView recyclerView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        recyclerView = (RecyclerView) findViewById(R.id.recycle_view);
    }

    private void LoadListData(Boolean inversion,Boolean orientation) {
        //集合对象
        ArrayList<DataBean> list = new ArrayList<>();
        //给Bean类放数据，最后把装好数据的Bean类放到集合里
        for(int i=0;i<35;i++){
            //创建Bean类对象，
            DataBean bean = new DataBean();
            bean.icon = R.drawable.jwss_img;
            bean.name = "嘉文四世"+i;
            //把Bean类放入集合里
            list.add(bean);
        }
        //创建适配器Adapter对象  参数：1.上下文2.数据加载集合
        MyRecycleAdapter adapter = new MyRecycleAdapter(this,list);
        //设置适配器
        recyclerView.setAdapter(adapter);
        //布局管理器所需参数， 上下文
        LinearLayoutManager linearLayoutManager = new LinearLayoutManager(this);
        //B.通过布局管理器，可以控制条目排列的顺序，   true反向，false正常显示
        linearLayoutManager.setReverseLayout(inversion);
        //C.设置 RecycleView显示的方向是水平和垂直（默认）
        linearLayoutManager.setOrientation(orientation?LinearLayoutManager.VERTICAL:LinearLayoutManager.HORIZONTAL);
        //设置布局管理器，参数linearLayoutManager对象
        recyclerView.setLayoutManager(linearLayoutManager);
    }
    private void GridLoadData(Boolean inversion,Boolean orientation) {
        //集合对象
        ArrayList<DataBean> list = new ArrayList<>();
        //给Bean类放数据，最后把装好数据的Bean类放到集合里
        for(int i=0;i<35;i++){
            //创建Bean类对象，
            DataBean bean = new DataBean();
            bean.icon = R.drawable.jwss_img;
            bean.name = "嘉文四世"+i;
            //把Bean类放入集合里
            list.add(bean);
        }
        //创建适配器Adapter对象  参数：1.上下文2.数据加载集合
        MyRecycleGridAdapter adapter = new MyRecycleGridAdapter(this,list);
        //设置适配器
        recyclerView.setAdapter(adapter);
        //布局管理器所需参数， 上下文,和要显示的列数
        GridLayoutManager gridLayoutManager = new GridLayoutManager(this,3);
        //B.通过布局管理器，可以控制条目排列的顺序，   true反向，false正常显示
        gridLayoutManager.setReverseLayout(inversion);
        //C.设置 RecycleView显示的方向是水平和垂直（默认）
        gridLayoutManager.setOrientation(orientation?GridLayoutManager.VERTICAL:GridLayoutManager.HORIZONTAL);
        //设置布局管理器，参数gridLayoutManager对象
        recyclerView.setLayoutManager(gridLayoutManager);
    }
    //菜单，RecycleView各种效果的展示
    //加载一个菜单的布局
    @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();
        //list标准显示
        if(itemId==R.id.action_list_normal){
            LoadListData(false,true);
            return true;
        }//list垂直显示
        else if(itemId==R.id.action_list_reverse){
            LoadListData(true,true);
        }//list水平显示
        else if(itemId==R.id.action_list_horizontal){
            LoadListData(false,false);
        }//list水平反向显示
        else if(itemId==R.id.action_grid_horizontal_reverse){
            LoadListData(true,false);
        }//Grid标准显示
        if(itemId ==R.id.action_grid_normal){
            GridLoadData(false,true);
            return true;
        }//Grid垂直显示
        else if(itemId ==R.id.action_grid_reverse){
            GridLoadData(true,true);
        }//Grid水平显示
        else if(itemId ==R.id.action_grid_horizontal){
            GridLoadData(false,false);
        }//Grid水平反向显示
        else if(itemId ==R.id.action_grid_horizontal_reverse){
            GridLoadData(true,false);
        }
        return super.onOptionsItemSelected(item);
    }
}