RecylerView之listView显示

最新推荐文章于 2018-02-07 21:55:00 发布

原创最新推荐文章于 2018-02-07 21:55:00 发布 · 357 阅读

0 ·

CC 4.0 BY-SA版权

Menu 同时被 2 个专栏收录

3 篇文章

订阅专栏

滚动视图

3 篇文章

订阅专栏

本文详细介绍了RecyclerView的使用方法，包括环境搭建、实现原理以及如何通过不同布局管理器实现ListView、GridView等效果。提供了完整的代码示例。

先看一下运行效果：
这里写图片描述
从它类名上看，RecyclerView代表的意义是，我只管Recycler View，也就是说RecyclerView只管回收与复用View，其他的你可以自己去设置。可以看出其高度的解耦，给予你充分的定制自由（所以你才可以轻松的通过这个控件实现ListView,GirdView，瀑布流等效果）。

先看一下 RecyclerView的实现原理：
这里写图片描述

再来看一下对 RecyclerView 的item的分析：
这里写图片描述

首先为RecyclerView 搭建环境
这里写图片描述
如出现如下箭头则环境搭建成功：

activity_main.xml 代码：`

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

首先先新建一个Menu 菜单：
具体步骤 Menu 菜单博客
主要看一下在MainActivity中的实现Menu 菜单
使用onCreateOptionsMenu(Menu menu)
方法加载 Menu的布局文件：
getMenuInflater().inflate(R.menu.menu_main,menu);
其方法返回一个布尔值：return true；
使用onOptionsItemSelected(MenuItem item)方法
实现菜单按钮点击事件 int itemId = item.getItemId();

ListView GridView StaggedGridView 都有相应的适配器

相应的布局管理器

这篇文章先看看一下 ListView 显示
bean 类

public class DataBean {
    public   int icon;
    public String name;
}

先看一下 MainActivity中的代码：

 protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
         /*
         * 下面代码和recyclerview没有关系，是菜单，方便使用RcyclerView各种效果的显示*/
           //A.初始化控件对象
        recyclerView = (RecyclerView) findViewById(R.id.recycler_view);
    }
    //A，recyclerview填充数据    参数加了一个值，方便控制条目的排列顺序
    private void loadListData( Boolean inversion,Boolean oriention) {
        //集合对象
        ArrayList<DataBean> datas = new ArrayList<>();
        //给bean类放数据，最好把装好数据的bean类放到集合里
        for(int i=0;i<35;i++){
            DataBean dataBean=new DataBean();
            dataBean.icon=R.drawable.ren;
            dataBean.name="picture"+i;

            //bean类放入集合里
            datas.add(dataBean);


        }

        //创建适配器所需参,创建Adapter类及对象(一般最低需要两个,上下文及加载数据集合)
        RecyclerViewAdapter adapter=new RecyclerViewAdapter(this,datas);
        //1.设置适配器
        recyclerView.setAdapter(adapter);
        //布局管理器所需参数,其参数上下文this.

        //通过布局管理器 ，可以控制条目排列的顺序   true:反向显示，  false:正常显示（默认）

        LinearLayoutManager manager = new LinearLayoutManager(this);
        manager.setReverseLayout(inversion);

        manager.setOrientation(oriention ? LinearLayoutManager.VERTICAL : LinearLayoutManager.HORIZONTAL);

        //设置布局管理器，参数manager
        recyclerView.setLayoutManager(manager);

    }
     public boolean onCreateOptionsMenu(Menu menu) {
        //加载布局，使用菜单
        getMenuInflater().inflate(R.menu.menu_main,menu);
        return true;
    }
    public boolean onOptionsItemSelected(MenuItem item) {
        int itemId = item.getItemId();
        if (itemId==R.id.action_list_normal){
            //标准显示
            loadListData(false,true);
            Toast.makeText(MainActivity.this,"你好",Toast.LENGTH_SHORT).show();
            return true;
        }//list垂直反向显示
        else if (itemId == R.id.action_list_vertical){
            loadListData(true,true);
        }//水平显示
        else if(itemId == R.id.action_list_horiztal){
            loadListData(false,false);
        }//水平反向显示
        else if(itemId == R.id.action_list_horiztalwest){
            loadListData(true,false);
        }

其 RecyclerViewAdapter中的代码：

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


    public RecyclerViewAdapter(Context context, List<DataBean> dataBeen) {
        this.context = context;
        this.dataBeen = dataBeen;
    }
    //创建ViewHolder也就是创建出来一条item 并把ViewHolder（item）返回出去

    @Override

    public ListViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        //转换一个view布局对象，决定了item的样子 参数：1 上下文 2 xml布局文件
        View itemview = View.inflate(context, 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 = dataBeen.get(position);
          holder.setData(dataBean);

    }
  //决定RecyclerView 有多少条item
    @Override
    public int getItemCount() {
        //数据不为null，有几条数据就显示几条数据
        if(dataBeen !=null && dataBeen.size()>0){
            return dataBeen.size();
        }
        return 0;
    }

    public class ListViewHolder extends RecyclerView.ViewHolder {

        private final TextView textView;

        public ListViewHolder(View itemView) {
            super(itemView);
            imageView = (ImageView) itemView.findViewById(R.id.item_iv_icon);
            textView = (TextView) itemView.findViewById(R.id.tv_icon_list);
        }
  //ctrl+f 查询类的来源
        public void setData(DataBean data) {
            //给imageView设置图片资源

             imageView.setImageResource(data.icon);
            //给textView设置文本数据
            textView.setText(data.name);

        }
    }



}

其对应的xml文件：

<?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="wrap_content">
    <ImageView
        android:id="@+id/item_iv_icon"
        android:src="@drawable/ren"
        android:layout_width="75dp"
        android:layout_height="75dp" />
    <TextView
        android:id="@+id/tv_icon_list"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="20sp"
        android:textStyle="bold"
        android:text="图片描述"

        android:layout_toRightOf="@+id/item_iv_icon"
        android:layout_centerVertical="true" />

</RelativeLayout>