RecyclerView剧中 android recyclerview

转载

mob64ca13f6035c 2024-05-20 18:04:38

文章标签 CardView RecyclView android xml 控件 文章分类 Android 移动开发

前言

目前的项目中,基本已经使用 RecyclerView 全面替换了ListView和GridView。确实，使用RecyclerView更加灵活,功能也更加强大。

最近也尝试把学习到的知识点花时间整理归纳，作为对自己学习的总结，也可以在复习的过程中查漏补缺，完善自己的知识网络。借此将RecyclerView作为总结系列的开头，希望自己能够坚持下去。

本章节内容如下：（星号代表额外补充内容）

1.RecyclerView简介和使用准备

2.RecyclerView的入门使用

3*.简单好用的小控件：CardView

4.通过RecyclerView+CardView的简单使用实现一个小案例：

一.RecyclerView简介和使用准备

关于RecyclerView的简介，谷歌官方文档说明非常简洁：

A flexible view for providing a limited window into a large data set.
 一种为有限个数的数据集提供有限窗口的灵活的View

对于Android应用而言，ListView和GridView是展示数据集合的选择，但是RecyclerView比前两者更加先进和灵活，
目前越来越多的Android应用都在优先选择RecyclerView代替之前的ListView和GridView。

而使用RecyclerView的好处究竟在哪里呢？我们在接下来的demo中一点一点接触并学习使用它，慢慢感受相对于ListView和GridView,它的简单和灵活性。

RecyclerView使用方式

在AndroidStudio项目app的Gradle文件中添加依赖：

//注意：将25.0.1换成你目录下v7包一样的版本号
compile 'com.android.support:recyclerview-v7:25.0.1'

需要注意的一点是，我们可以看到，RecyclerView是V7包下的控件，因此我们需要将RecyclerViewd的版本和V7包的版本一致，否则编译会不通过。

添加完依赖并同步之后，我们就可以直接使用RecyclerView了。

二.RecyclerView的入门使用

1.xml文件中配置

添加依赖成功后，我们在项目中的activity_main.xml中直接就可以添加RecycleView控件了：

<?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.mei_husky.samplerv.MainActivity">

    <android.support.v7.widget.RecyclerView
        android:id="@+id/recycleView"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

</android.support.v7.widget.RecyclerView>

ok，非常简单，这样我就可以在xml对应的MainActivity.java文件中对控件进行处理了。

2.Activity中的使用

在Activity中代码如下：

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initDatas();
        initRecyclerView();
    }

    //给数据源赋值
    private void initDatas() {
       for (int i=0;i<50;i++){
           datas.add("这是第i条条目,i=="+i);
       }
    }

    private ArrayList<String> datas=new ArrayList<>();

    /**
    * 初始化recyclerview
    */
    private void initRecyclerView() {
        RecyclerView recyclerView = (RecyclerView) findViewById(R.id.recycleView); //初始化控件
        MyRvAdapter adapter= new MyRvAdapter(this,datas);//创建适配器adapter
        recyclerView.setAdapter(adapter);       //给控件配置adpter

        //配置布局
        LinearLayoutManager manager=new LinearLayoutManager(this,LinearLayoutManager.VERTICAL,false);
        recyclerView.setLayoutManager(manager);
    }
}

OK，代码非常简单，我们仅仅在Activity中初始化了一个list集合，里面是50条语句，用来展示在RecyclerView的item上面；然后配置RecyclerView就可以了。

和ListView很相似，初始化配置RecyclerView也是创建了一个Adapter适配器，然后将Adapter的实例化对象设置给RecyclerView就可以了。

之后我们要思考的问题是，RecyclerView是可以代替ListView,GridView，甚至可以直接达到瀑布流的效果，那么它是怎么知道我们要它成为哪种布局呢？答案是：

配置LayoutManager

如果我们想要它成为listview一样，我们就给它设置一个LinearLayoutManager:

//切换listView样式，三个参数分别为（上下文对象，垂直还是水平布局，是否倒序排列）
LinearLayoutManager linearLayoutManager=new LinearLayoutManager(this,LinearLayoutManager.VERTICAL,false);
recycleView.setLayoutManager(linearLayoutManager);

如果我们要让它是流布局，那么就给它设置一个GridLayoutManager;

//切换gridView样式，三个参数分别为（上下文对象，垂直还是水平布局，是否倒序排列）
GridLayoutManager gridLayoutManager=new GridLayoutManager(ctx,2,GridLayoutManager.VERTICAL,false);
recycleView.setLayoutManager(gridLayoutManager);

如果我们要让它做成瀑布流的效果，那么就给它设置StaggeredGridLayoutManager;

//切换瀑布流样式，2个参数分别为（瀑布流分几列，垂直还是水平布局）
StaggeredGridLayoutManager staggeredGridLayoutManager=new StaggeredGridLayoutManager(3,StaggeredGridLayoutManager.VERTICAL);
recycleView.setLayoutManager(staggeredGridLayoutManager);

设置布局参数是非常简单而且有效的，我们甚至可以随意将某种布局通过代码转换为另外一种布局！

假如有这样一种需求：用户通过界面的交互可以任意切换布局样式，如果是传统的listView或者GridView,想要通过代码的逻辑互相转换时非常麻烦的，而我们使用RecycleView,我们就可以这样：

public void onClick(View view) {
    switch (view.getId()) {
        case R.id.list:
            //切换listView样式
            LinearLayoutManager linearLayoutManager=new LinearLayoutManager(this,LinearLayoutManager.VERTICAL,false);
            recycleView.setLayoutManager(linearLayoutManager);
            break;
        case R.id.grid:
            //切换gridView样式
            GridLayoutManager gridLayoutManager=new GridLayoutManager(ctx,2,GridLayoutManager.VERTICAL,false);
            recycleView.setLayoutManager(gridLayoutManager);
            break;
        case R.id.stream:
            //切换瀑布流样式
            StaggeredGridLayoutManager staggeredGridLayoutManager=new StaggeredGridLayoutManager(3,StaggeredGridLayoutManager.VERTICAL);
            recycleView.setLayoutManager(staggeredGridLayoutManager);
            break;
    }
}

咳咳，扯远了，说回来。

看样子我们配置好了，那么我们可以直接运行了吗？显然不行，因为我们还不知道MyAdapter究竟是什么呢，接下来也是RecyclerView入门学习的一个难点，就是适配器的配置。

3.Adapter和ViewHolder

先上Adapter的代码：

public class MyRvAdapter extends RecyclerView.Adapter<MyRvAdapter.MyViewHolder> {

    private Context ctx;
    private ArrayList<String> datas;
    //构造方法
    public MyRvAdapter(Context ctx, ArrayList<String> datas) {
        this.ctx = ctx;
        this.datas = datas;
    }

    //创建ViewHolder,并将item的界面和ViewHolder绑定
    @Override
    public MyRvAdapter.MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        return new MyViewHolder(LayoutInflater.from(ctx).inflate(R.layout.item_rv,parent,false));
    }

    //将控件和数据绑定
    @Override
    public void onBindViewHolder(final MyViewHolder holder, final int position) {
        holder.tv.setText(datas.get(position));
        holder.tv.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Toast.makeText(ctx,"第X个item被点了，X="+position,Toast.LENGTH_SHORT).show();
            }
        });
    }

    //条目的数量
    @Override
    public int getItemCount() {
        return datas.size();
    }

    //自定义的ViewHolder，持有每个Item的的所有界面元素
    class MyViewHolder extends RecyclerView.ViewHolder{

        public MyViewHolder(View itemView) {
            super(itemView);
            tv= (TextView) itemView.findViewById(R.id.tv);
        }
        public TextView tv;
    }
}

如果是第一次接触RecyclerView的同学，我大胆的揣测一下此时的状态应该是这样的：

不过不用担心，因为确实，这个自定义Adapter和我们在使用listview的时候还是有点不太一样的，大多数人第一次接触同样有点晕，等说明了每个方法的作用，再实际操作两回，基本就没什么问题了。

注意：以下的内容很重要！！！

首先这边我们需要继承RecyclerView.Adaper类，然后实现两个重要的方法onBindViewHodler()以及onCreateViewHolder()。

onCreateViewHolder()：我们可以理解为这是listView中的convertView,当创建新的item时需要我们引入的布局。我们通过inflate方法将获得的布局作为参数传给ViewHolder的构造器，将findViewById的方法全部交给ViewHolder去处理，这样我们处理任何控件时，只需要操作holder就可以了。

我们的item布局界面（R.layout.item_rv）很简单，我们仅仅展示一条TextView，上面显示信息就可以了：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/tv"
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:textSize="16sp"
        android:layout_margin="10dp"
        android:textColor="#1e1e1e"
        android:gravity="center"/>

</LinearLayout>

onBindViewHodler()：这个就很简单了，我们在这里需要处理的仅仅是每条item中的所有界面元素和数据的绑定，在demo中我们将datas中对应的字符串交给holder中的TextView展示即可，当然为了让我们看到绑定的结果，我们设置，textView的点击监听，弹出一条Toast。

getItemCount()：也是最好理解的一个方法，通过返回值我们告诉RecyclerView需要展示多少个item。

4.大功告成？

好了，现在万事俱备，我们需要做的仅仅是打开手机收获我们的结果了：

demo展示效果如下：

很好，我们花费了很长时间，终于把效果实现了！撒花！

然而

原因很简单，我们花费大量的时间成本，学习达成的效果显然和我们以往使用的ListView效果一样，那么我们学习它的意义何在？这显然不符合程序员三大美德：懒惰缺乏耐性和傲慢 ( laziness,Impatience.and Hubris)

当然是有意义的。不过这需要我们慢慢去了解和感受，因为简单的需求是体现不出来其实用和简单性的，当需求随着时间的堆积而一次次的变得复杂，终究我们会有一天发现，RecyclerView实在太好用了！

三*.简单好用的小控件：CardView

1.配置方式

在AndroidStudio项目app的Gradle文件中添加依赖：

//注意：将25.0.1换成你目录下v7包一样的版本号
compile 'com.android.support:cardview-v7:25.0.1'

和RecyclerView一样，我们需要将CardView的版本和V7包的版本一致，否则编译会不通过。

添加完依赖并同步之后，我们就可以直接使用CardView了。

2.xml配置

xml中使用方式如下:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    >

    <android.support.v7.widget.CardView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginLeft="10dp"
        android:layout_marginRight="10dp"
        app:cardBackgroundColor="@color/blue"
        app:cardCornerRadius="16dp"
        app:cardElevation="16dp">

        <TextView
            android:id="@+id/tv"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_margin="10dp"
            android:gravity="center"
            android:textSize="20sp" />
    </android.support.v7.widget.CardView>   
</LinearLayout>

很简单，CardView本身就是extends FrameLayout的，使用方式和FrameLayou基本没有区别。

3.基本属性

基本属性如下，最常用的也就是前两个

app:cardBackgroundColor 这是设置背景颜色

app:cardCornerRadius 这是设置圆角大小

app:cardElevation这是设置z轴的阴影

app:cardMaxElevation这是设置z轴的最大高度值

app:cardUseCompatPadding是否使用CompatPadding

app:cardPreventCornerOverlap是否使用PreventCornerOverlap

app:contentPadding 设置内容的padding

app:contentPaddingLeft 设置内容的左padding

app:contentPaddingTop 设置内容的上padding

app:contentPaddingRight 设置内容的右padding

app:contentPaddingBottom 设置内容的底padding

四，练手小案例

接下来做一个好玩的小案例来巩固RecyclerView的知识，好友印象

[好友印象]

案例效果如下:

RecyclerView剧中 android recyclerview_CardView

界面效果还不错，依靠同样是support v7包中的CardView，顾名思义，就是类似于卡片一样的控件，简约而又美观，实在是开发个人应用时的一大神器。

而卡片的删除效果则是RecyclerView自带的效果，不仅仅是删除的效果，RecyclerView还自带很多其他的动画效果，相比之下确实比GridView好用许多。

【好友印象】源码在此，戳我！

本文章为转载内容，我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题，欢迎原作者联系我们进行内容更正或删除文章。

上一篇：r语言 vegab R语言tapply函数

下一篇：点云实例分割有目标识别吗点云分割的作用

提问和评论都可以，用心的回复会被更多人看到评论

发布评论

相关文章

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯