前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >【Android】RecyclerView的使用

【Android】RecyclerView的使用

作者头像
Gavin-ZYX
发布2018-05-18 15:19:48
1.1K0
发布2018-05-18 15:19:48
举报
文章被收录于专栏:Android开发与分享

前言

RecyclerVie出来已经有一段时间了,它是Google在 2014 年 10 月推出Android5.0的时候推出了MaterialDesign,而RecyclerView是MaterialDesign重要组件之一,用来替代ListView和GridView。 相信还有一部分同学还在使用ListView和GridView(我前一段时间还在用),从现在开始,让我们跟他们说拜拜,开始体验RecyclerView。

优点

他可以通过设置LayoutManager来快速实现listview、gridview、瀑布流的效果,而且还可以设置横向和纵向显示,你想要控制Item间的间隔(可绘制),添加动画效果也非常简单(自带了ItemAnimation,可以设置加载和移除时的动画,方便做出各种动态浏览的效果)

用法

1、导入

在Module的build.gradle的Dependencies中添加依赖(对应自己appcompat-v7的版本)

代码语言:javascript
复制
dependencies {
        ...
        compile 'com.android.support:recyclerview-v7:21.0.3'
}

2、使用

  • 在布局文件中使用RecyclerView
代码语言:javascript
复制
    <android.support.v7.widget.RecyclerView
        android:id="@+id/recyclerview"
        android:layout_height="match_parent"
        android:layout_width="match_parent"/>
  • 接着需要先创建一个Adapter类,与ListView用的SimpleAdapter类似。
代码语言:javascript
复制
public class MyAdapter extends RecyclerView.Adapter<MyAdapter.MyHolder>{
    /**
     * 数据
     */
    private List<String> data;
    public MyAdapter(List<String> data) {
        this.data = data;
    }
    @Override
    public MyHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        //得到item的view
        View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item, parent, false);
        return new MyHolder(view);
    }

    @Override
    public void onBindViewHolder(MyHolder holder, int position) {
        //为item绑定内容
        holder.textView.setText(data.get(position));
    }

    @Override
    public int getItemCount() {
        //得到列表的数量
        if (data != null) {
            return data.size();
        } else {
            return 0;
        }
    }

    class MyHolder extends RecyclerView.ViewHolder {
        TextView textView;
        public MyHolder(View itemView) {
            super(itemView);
            textView = (TextView) itemView.findViewById(R.id.textview);
        }
    }
}

这个Adapter需要继承RecyclerView.Adapter,对于MyHolder 相信大家都不会陌生,我们在使用ListView或GridView的时候都会用到。RecyclerView的Adapter强制要求使用ViewHolder,该ViewHolder须继承RecyclerView.ViewHolder。 对应的item布局

代码语言:javascript
复制
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:padding="5dp"
    android:layout_height="50dp"
    android:gravity="center_vertical"
    android:orientation="horizontal">
    <ImageView
        android:layout_width="wrap_content"
        android:src="@mipmap/ic_launcher"
        android:layout_height="match_parent" />
    <TextView
        android:id="@+id/textview"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />
</LinearLayout>
  • 最后就是在Activity中,对这个RecyclerView设置属性和内容。RecyclerView可以根据需要设置成ListView、GridView以及瀑布流样式。
代码语言:javascript
复制
        RecyclerView recyclerView = (RecyclerView) findViewById(R.id.recyclerview);
        //设置为Listview样式
        LinearLayoutManager layoutManager = new LinearLayoutManager(this);
        recyclerView.setLayoutManager(layoutManager);
        //模拟数据
        List<String> data = new ArrayList<>();
        for (int i = 0; i < 30; i ++) {
            data.add("Just item " + i);
        }
        //创建Adapter
        MyAdapter adapter = new MyAdapter(data);
        //为RecylcerView设置adapter
        recyclerView.setAdapter(adapter);

这里将Recycler设置成了ListView样式,若需要GridView样式只需要将

代码语言:javascript
复制
LinearLayoutManager layoutManager = new LinearLayoutManager(this);

改为

代码语言:javascript
复制
int arrayNum = 2;//GridView样式时的列数
GridLayoutManager layoutManager1 = new GridLayoutManager(this, arrayNum);

或瀑布流()

代码语言:javascript
复制
int arrayNum = 2;//GridView样式时的列数
int style =  StaggeredGridLayoutManager.VERTICAL;//列垂直排布
StaggeredGridLayoutManager layoutManager1 = new StaggeredGridLayoutManager(arrayNum,style);
  • 还可以设置横向和纵向显示
代码语言:javascript
复制
//纵向显示
layoutManager.setOrientation(LinearLayoutManager.VERTICAL);
//横向显示
layoutManager.setOrientation(LinearLayoutManager.HORIZONTAL);
  • 完成一次RecyclerView的简单使用,来看看效果

效果

效果

结尾

讲了半天,就展示了RecyclerView在ListView、GridView以及瀑布流效果的设置,还有横向和纵向的显示。平时在ListView中用的addHeader,还有常用的上拉加载,下拉刷新呢?别急,先熟悉RecyclerView的基本用法,再来深入也不迟啊。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2016.07.22 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前言
  • 优点
  • 用法
    • 1、导入
      • 2、使用
      • 结尾
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档