zoukankan      html  css  js  c++  java
  • Introducing RecyclerView(一)

    RecyclerView 是Android L版本中新添加的一个用来取代ListView的SDK,它的灵活性与可替代性比listview更好。接下来通过一系列的文章讲解如何使用RecyclerView,彻底抛弃ListView.

    介绍

    RecyclerView与ListView原理是类似的:都是仅仅维护少量的View并且可以展示大量的数据集。RecyclerView用以下两种方式简化了数据的展示和处理:

    • 使用LayoutManager来确定每一个item的排列方式。
    • 为增加和删除项目提供默认的动画效果。

    你也可以定义你自己的LayoutManager和添加删除动画,RecyclerView项目结构如下:

    • Adapter:使用RecyclerView之前,你需要一个继承自RecyclerView.Adapter的适配器,作用是将数据与每一个item的界面进行绑定。

    • LayoutManager:用来确定每一个item如何进行排列摆放,何时展示和隐藏。回收或重用一个View的时候,LayoutManager会向适配器请求新的数据来替换旧的数据,这种机制避免了创建过多的View和频繁的调用findViewById方法(与ListView原理类似)。

    目前SDK中提供了三种自带的LayoutManager:

    示例

    本节所示示例是一个最简单的使用方法,在接下来几节中将会介绍更多RecyclerView的别的一些屌爆的用法。作者用的环境是Android Studio 0.8.6。

    1、添加依赖

    在AS的build.gradle中添加依赖,然后同步一下就可以引入依赖包:

    1
    2
    3
    4
    dependencies {
    ...
    compile 'com.android.support:recyclerview-v7:21.0.+'
    }

    2、编写代码

    添加完依赖之后,就开始写代码了,与ListView用法类似,也是先在xml布局文件中创建一个RecyclerView的布局:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    <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=".MainActivity">
    <android.support.v7.widget.RecyclerView
    android:id="@+id/my_recycler_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:scrollbars="vertical" />
    </RelativeLayout>

    创建完布局之后在MainActivity中获取这个RecyclerView,并声明LayoutManagerAdapter,代码如下:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    mRecyclerView = (RecyclerView)findViewById(R.id.my_recycler_view);
    //创建默认的线性LayoutManager
    mLayoutManager = new LinearLayoutManager(this);
    mRecyclerView.setLayoutManager(mLayoutManager);
    //如果可以确定每个item的高度是固定的,设置这个选项可以提高性能
    mRecyclerView.setHasFixedSize(true);
    //创建并设置Adapter
    mAdapter = new MyAdapter(getDummyDatas());
    mRecyclerView.setAdapter(mAdapter);

    接下来的问题就是Adapter的创建:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> {
    public String[] datas = null;
    public MyAdapter(String[] datas) {
    this.datas = datas;
    }
    //创建新View,被LayoutManager所调用
    @Override
    public ViewHolder onCreateViewHolder(ViewGroup viewGroup, int i) {
    View view = LayoutInflater.from(viewGroup.getContext())
    .inflate(R.layout.item,viewGroup,false);
    ViewHolder vh = new ViewHolder(view);
    return vh;
    }
    //将数据与界面进行绑定的操作
    @Override
    public void onBindViewHolder(ViewHolder viewHolder, int i) {
    viewHolder.mTextView.setText(datas[i]);
    }
    //获取数据的数量
    @Override
    public int getItemCount() {
    return datas.length;
    }
    //自定义的ViewHolder,持有每个Item的的所有界面元素
    public static class ViewHolder extends RecyclerView.ViewHolder {
    public TextView mTextView;
    public ViewHolder(View view){
    super(view);
    mTextView = (TextView) view.findViewById(R.id.text);
    }
    }
    }

    3、运行

    写完这些代码这个例子既可以跑起来了。从例子也可以看出来,RecyclerView的用法并不比ListView复杂,反而更灵活好用,它将数据、排列方式、数据的展示方式都分割开来,因此可定制型,自定义的形式也非常多,非常灵活。

    横向布局

    如果想要一个横向的List只要设置LinearLayoutManager如下就行,注意要声明mLayoutManager的类型是LinearLayoutManager而不是父类LayoutManager:

    1
    mLayoutManager.setOrientation(LinearLayoutManager.HORIZONTAL);

    Grid布局

    如果想要一个Grid布局的列表,只要声明LayoutManager为GridLayoutManager即可:

    1
    2
    mLayoutManager = new GridLayoutManager(context,columNum);
    mRecyclerView.setLayoutManager(mLayoutManager);

    注意,在Grid布局中也可以设置列表的Orientation属性,来实现横向和纵向的Grid布局。

    瀑布流布局

    瀑布流就使用StaggeredGridLayoutManager吧,具体方法与上面类似,就不做介绍啦。

    总结

    本节介绍的是一个最最简单的RecyclerView的使用方法,后面将介绍一些更高级的用法。

  • 相关阅读:
    dede首页调用分类信息
    install sphinx
    rails新环境
    互联网创业三件事:钱、人和项目
    Remove Duplicate Elements from an Array using jQuery
    rails新环境
    rails新环境
    牛人
    电动车电池
    rails新环境
  • 原文地址:https://www.cnblogs.com/krislight1105/p/5257004.html
Copyright © 2011-2022 走看看