美文网首页
Recyclerview详解(一)基本使用方法

Recyclerview详解(一)基本使用方法

作者: Cris_Ma | 来源:发表于2017-06-07 14:28 被阅读0次

    Recyclerview简介

    Recyclerview是v7支持库中的组件,用来替代listview和gridview。它有以下新特性:

    • 内部封装了ViewHolder类,强制性使用ViewHolder来提升性能
    • 布局方式交给LayoutManager来管理,可以方便的实现横向,纵向,网格,瀑布流视图
    • 内置了ItemDecoration,可以实现自定义的分割效果
    • 提供ItemAnimator,可以自定义数据改变时的动画效果
    • 全新的Item回收复用机制
    • 不再提供ListviewonItemClickListener接口,将事件交给Item处理,或者使用onItemTouchListener来处理触摸事件

    Recyclerview使用

    1. 布局中引入Recyclerview。Recyclerview是v7支持库中的组件,使用之前要先引入。
    <android.support.v7.widget.RecyclerView 
              xmlns:android="http://schemas.android.com/apk/res/android"
               android:id="@+id/list_title"
               android:layout_width="match_parent"
               android:layout_height="wrap_content">
    </android.support.v7.widget.RecyclerView>
    
    1. 创建Item布局。 这里我们定义两种类型,一个textView,一个ImageView,用来显示文字和图片
    <TextView xmlns:android="http://schemas.android.com/apk/res/android"
              android:id="@+id/item_text"
              android:layout_width="match_parent"
              android:layout_height="wrap_content">
    </TextView>
    <ImageView xmlns:android="http://schemas.android.com/apk/res/android"
               android:id="@+id/item_image"
               android:layout_width="wrap_content"
               android:layout_height="wrap_content">
    </ImageView>
    
    1. 实现Recyclerview的adapter。

    首先要实现Recyclerview的ViewHolder,这个Recyclerview中包含两种类型item,所以新加了一个参数,ItemType,用来判断ItemView的类型:

        private class RecycleHolder extends RecyclerView.ViewHolder{
            private TextView mTextView;
            private ImageView mImageView;
            public RecycleHolder(View itemView,int viewType) {
                super(itemView);
                switch (viewType){
                    case ITEM_TYPE_TEXT:
                        mTextView = (TextView) itemView;
                        break;
                    case ITEM_TYPE_IMAGE:
                        mImageView = (ImageView) itemView;
                }
            }
        }
    

    然后实现Adapter, RecyclerView的Adapter默认只有三个方法,看起来简洁了许多

    public RecycleHolder onCreateViewHolder(ViewGroup parent, int viewType) 引入Item布局,交给VIewHolder类,创建holder。
    public void onBindViewHolder(RecycleHolder holder, int position) 在指定的position显示时回调,用来展示数据
    public int getItemCount() 获取item数量

    除此之外,当前是有两种类型的Item,所以还需要实现一个方法getItemViewType(int position),获取当前位置对应的type。完整的Adapter代码如下:

        private class RecycleAdapter extends RecyclerView.Adapter<RecycleHolder>
        {
           @Override
            public RecycleHolder onCreateViewHolder(ViewGroup parent, int viewType) {
                View ItemView = null;
                switch (viewType){
                    case ITEM_TYPE_TEXT:
                        ItemView = LayoutInflater.from(getActivity()).inflate(R.layout.item_txt,parent,false);
                        break;
                    case ITEM_TYPE_IMAGE:
                        ItemView = LayoutInflater.from(getActivity()).inflate(R.layout.item_txt,parent,false);
                        break;
                }
                return new RecycleHolder(ItemView,viewType);
            }
            @Override
            public void onBindViewHolder(RecycleHolder holder, int position) {
                switch (holder.viewType){
                    case ITEM_TYPE_TEXT:
                        holder.mTextView.setText(mItems.get(position));
                        break;
                    case ITEM_TYPE_IMAGE:
                        holder.mImageView.setImageResource(Integer.parseInt(mItems.get(position)));
                        break;
                }
            }
            @Override
            public int getItemCount() {
                return mItems.size();
            }
            @Override
            public int getItemViewType(int position) {
                if(position < 5)
                return ITEM_TYPE_TEXT;
                else return ITEM_TYPE_IMAGE;
            }
        }
    

    这里先在getItemViewType(int position)方法做了判断,前5个位置放置TextView,其他的是ImageView,然后在onCreateViewHolder里,根据ViewType来获取对应的Holder。ViewHolder类中已经对ViewType做了判断,可以携带不同的ItemView。最后在onBindViewHolder中,对ItemView进行设置。到这里Adapter的工作已经完成了。

    顺便上一下数据源mItems的代码。作为演示,简单的设置一下,前5项为文字,后五项是图片:

    mItems = new ArrayList<>();
             for(int i = 0; i<10; i++ ){
                 if (i<5){
                 String item = "Item No." + i;
                 mItems.add(item);}
                 else mItems.add(String.valueOf(R.drawable.ic_launcher));
             }
    
    1. 为Recyclerview对象设置Adapter和LayoutManager:
    RecyclerView mRecyclerView = (RecyclerView) v.findViewById(R.id.list_title);
            RecyclerView.LayoutManager manager=new LinearLayoutManager(getActivity());
            mRecyclerView.setLayoutManager(manager);
            mRecyclerView.setAdapter(new RecycleAdapter());
    

    这里介绍一下RecyclerView.LayoutManager,系统已经给我们提供了三种类型的实现,LinearLayoutManagerGridLayoutManagerStaggeredGridLayoutManager,分别对应线性,网格,瀑布流布局。关于布局的设置都交给它来管理,比如改为横向展示,只要设置LinearLayoutManager.sertOrientation(LinearLayoutManager.HORIZONTAL)就可以了

    另外,对于Recyclerview的Measure方式,在LayoutManager中提供了一个方法setAutoMeasureEnabled,设置为true表示Recyclerview将自动完成布局,设置为wrap_content方式,如果设置为false,表示Measure工作交给LayoutManager,通过覆写LayoutManager的onMeasure方法来实现自定义布局。

    相关文章

      网友评论

          本文标题:Recyclerview详解(一)基本使用方法

          本文链接:https://www.haomeiwen.com/subject/aczgfxtx.html