℃江让您从精通到入门：比ListView更强大的RecycleView用法剖析（含源代码）

于 2017-05-02 12:50:56 发布
阅读量2w 收藏
点赞数 1
分类专栏： Android 文章标签： android recyclerview-瀑布流
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/baidu_34750904/article/details/71079567
版权
  • 使用理由：Android官方更推荐，比ListView拓展性更好。
  • 实体类是必备的：Things类代码如下（切记要把构造方法写上）：
package com.example.recyclerview.vo;

/**
 * 项目名：  ViewPager
 * 包名：    com.example.listview.vo
 * 创建者：  Dujiang0311
 * 创建时间：2017/4/29 13:27
 * 描述：    东西实体类
 */

public class Things {
    private String name ;
    private int imgId;

    public Things(String name , int imgId){
        this.name = name;
        this.imgId = imgId;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public int getImgId() {
        return imgId;
    }

    public void setImgId(int imgId) {
        this.imgId = imgId;
    }
}
  • 第一步、为了版本适应，需要以依赖的方式添加（其实现在也有自带的，你可以在布局文件输入RecycleView试试）
compile 'com.android.support:recyclerview-v7:24.2.1'
  • 第二步、编写布局文件（如下图，由于不是自带的布局，所以写的时候RecycleView是需要带上路径的哟！）：

这里写图片描述

  • 第三步、书写适配器，是这个布局的核心，继承自RecycleView.Adapter，将泛型指定为
package com.example.recyclerview.Adapter;

import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;

import com.example.recyclerview.R;
import com.example.recyclerview.vo.Things;

import java.util.List;

/**
 * 项目名：  ViewPager
 * 包名：    com.example.recyclerview.Adapter
 * 创建者：  Dujiang0311
 * 创建时间：2017/5/1 15:28
 * 描述：    TRecycleView的适配器
 */

public class ThingsAdapter extends RecyclerView.Adapter<ThingsAdapter.ViewHolder> {

    private List<Things> mThingsList;

    static class ViewHolder extends RecyclerView.ViewHolder {

        ImageView thingsImg;
        TextView thingsName;

        public ViewHolder(View view) {
            super(view);
            thingsImg = (ImageView) view.findViewById(R.id.thing_img);
            thingsName = (TextView) view.findViewById(R.id.thing_name);
        }
    }

    public ThingsAdapter(List<Things> thingsList) {
        mThingsList = thingsList;
    }

    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.things_item,parent,false);
        ViewHolder holder = new ViewHolder(view);

        return holder;
    }

    @Override
    public void onBindViewHolder(ViewHolder holder, int position) {
        Things things = mThingsList.get(position);
        holder.thingsImg.setImageResource(things.getImgId());
        holder.thingsName.setText(things.getName());
    }


    @Override
    public int getItemCount() {
        return mThingsList.size();
    }
}
  • 第四步、接下来就可以使用RecycleView了，MainActivity中的代码如下：
package com.example.recyclerview;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;

import com.example.recyclerview.Adapter.ThingsAdapter;
import com.example.recyclerview.vo.Things;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {

    private List<Things> thingsList = new ArrayList<>();
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initThings();
        RecyclerView recycleView = (RecyclerView) findViewById(R.id.recycler_view);
        LinearLayoutManager layoutManager = new LinearLayoutManager(this);
        recycleView.setLayoutManager(layoutManager);//设置列表为线性布局
        ThingsAdapter adapter = new ThingsAdapter(thingsList);
        recycleView.setAdapter(adapter);
    }

    private void initThings() {
        for (int i = 0; i < 10; i++) {
            Things phone = new Things("Phone",R.mipmap.ic_launcher);
            thingsList.add(phone);
            Things tv = new Things("Tv",R.mipmap.ic_launcher);
            thingsList.add(tv);
            Things cell = new Things("cell",R.mipmap.ic_launcher);
            thingsList.add(cell);
            Things apple = new Things("Apple",R.mipmap.ic_launcher);
            thingsList.add(apple);

        }
    }
}

以上用RecycleView实现了和ListView相近的功能，接下来实现的，是ListView所不能实现的功能！

横向滚动

  • 第一步先把子布局文，things_item.xml修改一下（修改部分如下图）：
    这里写图片描述

  • 第二步、修改MainActivity中操控布局文件的属性，如下图：
    这里写图片描述

  • 实现效果如下图，手可以左右滑动（ListView主要是靠自身管理，而RecycleView是靠LayoutManager来实现的，其中内置了好多可扩展的布局排列接口，子类只要按照接口规范来实现，就好了。）：
    这里写图片描述

  • 其还提供了一个叫GridLayoutManager（网格布局）的排列方式，使用方法如下图：
    这里写图片描述
    效果如图：
    这里写图片描述

这是一种特别炫酷的布局—瀑布流布局

  • 第一步，还是要修改子布局，things_item.xml，改动部位如图：
    这里写图片描述

  • 第二步、修改MainActivity，其实很简单，也是一句话，不过为了实现瀑布流不对齐的效果，手写了一个字符串追加的方法，然后调用就好了，如下图：
    这里写图片描述

  • 效果如图：
    这里写图片描述

最后我们来实现点击事件：

  • RecycleView可没有setOnItemClickListener,需要具体到每一个view，虽然稍稍复杂，但是更加优秀，灵活。
  • 我们直接修改适配器ThingsAdapter就OK了。

  • 效果如图：
    这里写图片描述

  • ThingsAdapter适配器代码如下：

package com.example.recyclerview.Adapter;

import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;

import com.example.recyclerview.R;
import com.example.recyclerview.vo.Things;

import java.util.List;

/**
 * 项目名：  ViewPager
 * 包名：    com.example.recyclerview.Adapter
 * 创建者：  Dujiang0311
 * 创建时间：2017/5/1 15:28
 * 描述：    TRecycleView的适配器
 */

public class ThingsAdapter extends RecyclerView.Adapter<ThingsAdapter.ViewHolder> {

    private List<Things> mThingsList;

    static class ViewHolder extends RecyclerView.ViewHolder {

        View thingsView;
        ImageView thingsImg;
        TextView thingsName;

        public ViewHolder(View view) {
            super(view);
            thingsView = view;
            thingsImg = (ImageView) view.findViewById(R.id.thing_img);
            thingsName = (TextView) view.findViewById(R.id.thing_name);
        }
    }

    public ThingsAdapter(List<Things> thingsList) {
        mThingsList = thingsList;
    }

    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.things_item,parent,false);
        //实现点击事件：
        final ViewHolder holder = new ViewHolder(view);

        holder.thingsView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                int position = holder.getAdapterPosition();
                Things things = mThingsList.get(position);
                Toast.makeText(v.getContext(), "你点击了"+things.getName(), Toast.LENGTH_SHORT).show();
            }
        });
        holder.thingsImg.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                int position = holder.getAdapterPosition();
                Things things = mThingsList.get(position);
                Toast.makeText(v.getContext(), "你点击了图片"+things.getName(), Toast.LENGTH_SHORT).show();
            }
        });
        return holder;
    }

    @Override
    public void onBindViewHolder(ViewHolder holder, int position) {
        Things things = mThingsList.get(position);
        holder.thingsImg.setImageResource(things.getImgId());
        holder.thingsName.setText(things.getName());
    }


    @Override
    public int getItemCount() {
        return mThingsList.size();
    }
}

源代码拿去不谢：
链接：http://pan.baidu.com/s/1kVaAjZL 密码：1gnx

以上就是RecycleView的大多数了，其实还有很多可拓展的东西的可以使用。

在这里郑重声明，我的博客里面所有的东西，你都可以随便拿去用，我觉得信息的分享，才能促进技术的进步，您觉得呢？

摄氏du江
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值