RecycleView的正确打开方式-低调大师

RecycleView的正确打开方式

2018-02-01 632

Android界面的丰富多彩都是由于ListView的默默付出，但是需求日益变化，ListView的已经不再好用，并且不再满足“用户日益增长的娱乐需要同落后界面的矛盾”，于是乎Google 开发出来了RecycleView来满足用户各种苛刻需求------说人话。。。
为什么要学RecycleView呢，说来话长，大概是是由于android面试的时候吹牛逼被打脸了...很疼，然后学吧争取不再被打脸，最少不是那么痛 \(0^◇0)/。

一、做一个小demo练习一下类似于ListView的简单效果

准备：10张小图片作为素材（地址：https://pan.baidu.com/s/1dHhdN81）
打开AndroidStudio开始吧

首先,创建一个Bean类

package com.example.hxd.gittest;

public class WangZhe{
    private String name;
    private int imageId;

    public Fruit(String name, int imageId) {
        this.name = name;
        this.imageId = imageId;
    }

    public String getName() {
        return name;
    }

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

    public int getImageId() {
        return imageId;
    }

    public void setImageId(int imageId) {
        this.imageId = imageId;
    }
}

这个类没有什么好说的。

然后创建一个item用来显示每个recycleView的条目

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

    <ImageView
        android:id="@+id/iv_name"
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:layout_marginLeft="20dp"
        android:layout_marginTop="5dp"
        android:scaleType="fitXY"
        android:src="@mipmap/ic_launcher" />

    <TextView
        android:id="@+id/tv_img"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
        android:layout_marginLeft="10dp"
        android:text="小机器人" />
</LinearLayout>

显示效果为：

item显示效果

之后，创建RecycleView所在的Activity的布局

<?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:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.hxd.gittest.MainActivity">

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

重头戏，书写适配器Adapter

package com.example.hxd.gittest;

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 java.util.List;

//1、创建一个Adapter继承自RecyclerView.Adapter，并且泛型为创建的Adapter的ViewHolder
public classWangZheAdapter extends RecyclerView.Adapter<WangZheAdapter.ViewHolder> {
  
  //2、创建适配器数据源
    private List<WangZhe> wangZheList ;
  //3、构造方法传入数据
    public WangZheAdapter(List<WangZhe> wangZhes) {
       wangZheList = wangZhes;
    }
    //4、创建内部类ViewHolder继承自ecyclerView.ViewHolder
    //初始化item内部控件
    public class ViewHolder extends RecyclerView.ViewHolder {
        ImageView ivWZ;
        TextView tvWZ;

        public ViewHolder(View itemView) {
            super(itemView);
            ivWZ = itemView.findViewById(R.id.iv_name);
            tvWZ = itemView.findViewById(R.id.tv_img);
        }
    }
  
  //5、重写onCreateViewHolder（）方法加载item内部布局，并且返回ViewHolder
    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item, parent, false);
        ViewHolder viewHolder = new ViewHolder(view);
        return viewHolder;
    }
  //6、重写onBindViewHolder（）方法将控件和数据进行适配
    @Override
    public void onBindViewHolder(WangZheAdaoter.ViewHolder holder, int position) {
        wangZhefruit =  wangZhList.get(position);
        holder.ivWZ.setImageResource(wangZhe.getImageId());
        holder.tvWZ.setText(wangZhe.getName());
    }
  //7、重写getItemCount()方法返回数据源的大小
    @Override
    public int getItemCount() {
        return wangZheList.size();
    }
}

创建Adapter一共6步：
①、创建Adapter继承自RecycleView的adapter，并且泛型为创建Adapter的ViewHolder；
②、创建数据源，并且创建含参构造方方法用于向Adapter内部传入数据；
③、创建内部类AdapterViewHolder继承自RecycleView的ViewHolder，并且在内部初始化item数据；
④、重写onCreateViewHolwer(ViewGroup parent,int viewType)方法进行加载布局；
⑤、重写onBindViewHolder（WangZheAdaoter.ViewHolder holder, int position）方法进行数据的适配；
⑥、重写getItemCount方法，返回数据源大小；

好了Adapter就这么简单的创建完成了
最后，在Activity内来实现效果

package com.example.hxd.gittest;

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

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

public class MainActivity extends BaseActivity {

    private List<WangZhe> wangZhes= new ArrayList<>();
    private RecyclerView rvWZ;

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

        initWangZhe();
        rvWZ= findViewById(R.id.rv_test);
        //创建layout管理器
        LinearLayoutManager lm = new LinearLayoutManager(this);
        //将管理器设置给RecycleView
        rvWZ.setLayoutManager(lm);
        WangZheAdapter adapter = new WangZheAdapter (wangZhes);
        rvWZ.setAdapter(adapter);
    }

    private void initWangZhe() {
        for (int i = 0; i < 2; i++) {
            WangZhe bianqu = new WangZhe ("扁鹊", R.mipmap.bianque);
            wangZhes.add(bianqu);
            WangZhe daji = new WangZhe ("妲己", R.mipmap.daji);
            wangZhes.add(daji);
            WangZhe diaochan = new WangZhe ("貂蝉", R.mipmap.diaochan);
            wangZhes.add(diaochan);
            WangZhe huamulan = new WangZhe ("花木兰", R.mipmap.huamulan);
            wangZhes.add(huamulan);
            WangZhe libai = new WangZhe ("李白", R.mipmap.libai);
            wangZhes.add(libai);
            WangZhe liubei = new WangZhe ("刘备", R.mipmap.liubei);
            wangZhes.add(liubei);
            WangZhe sunbin = new WangZhe ("扁鹊", R.mipmap.sunbin);
            wangZhes.add(sunbin);
            WangZhe sunshangxiang = new WangZhe ("孙尚香", R.mipmap.sunshangxiang);
            wangZhes.add(sunshangxiang);
            WangZhe yuji = new WangZhe ("虞姬", R.mipmap.yuji);
            wangZhes.add(yuji);
            WangZhe zhuangzhou = new WangZhe ("庄周", R.mipmap.zhuangzhou);
            wangZhes.add(zhuangzhou);
        }
    }
}

是不是很简单，来看一下效果

简单Demo效果

二、实现横向滑动

首先，更改一下item布局

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

    <ImageView
        android:id="@+id/iv_name"
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:layout_marginHorizontal="10dp"
        android:layout_marginTop="5dp"
        android:scaleType="fitXY"
        android:src="@mipmap/ic_launcher" />

    <TextView
        android:id="@+id/tv_img"
        android:layout_width="80dp"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
        android:layout_marginHorizontal="10dp"
        android:gravity="center"
        android:text="小机器人" />
</LinearLayout>

横向滑动布局item

然后，微调MainActivity内部代码

package com.example.hxd.gittest;

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

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

public class MainActivity extends BaseActivity {

    private List<WangZhe> wangZhes= new ArrayList<>();
    private RecyclerView rvWZ;

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

        initWangZhe();
        rvWZ= findViewById(R.id.rv_test);
        //创建layout管理器
        LinearLayoutManager lm = new LinearLayoutManager(this);
        //实现横向滑动的代码控制，默认纵向滑动
        lm.setOrientation(LinearLayout.HORIZONTAL);
        //将管理器设置给RecycleView
        rvWZ.setLayoutManager(lm);
        WangZheAdapter adapter = new WangZheAdapter (wangZhes);
        rvWZ.setAdapter(adapter);
    }

    private void initWangZhe() {
        for (int i = 0; i < 2; i++) {
            WangZhe bianqu = new WangZhe ("扁鹊", R.mipmap.bianque);
            wangZhes.add(bianqu);
            WangZhe daji = new WangZhe ("妲己", R.mipmap.daji);
            wangZhes.add(daji);
            WangZhe diaochan = new WangZhe ("貂蝉", R.mipmap.diaochan);
            wangZhes.add(diaochan);
            WangZhe huamulan = new WangZhe ("花木兰", R.mipmap.huamulan);
            wangZhes.add(huamulan);
            WangZhe libai = new WangZhe ("李白", R.mipmap.libai);
            wangZhes.add(libai);
            WangZhe liubei = new WangZhe ("刘备", R.mipmap.liubei);
            wangZhes.add(liubei);
            WangZhe sunbin = new WangZhe ("扁鹊", R.mipmap.sunbin);
            wangZhes.add(sunbin);
            WangZhe sunshangxiang = new WangZhe ("孙尚香", R.mipmap.sunshangxiang);
            wangZhes.add(sunshangxiang);
            WangZhe yuji = new WangZhe ("虞姬", R.mipmap.yuji);
            wangZhes.add(yuji);
            WangZhe zhuangzhou = new WangZhe ("庄周", R.mipmap.zhuangzhou);
            wangZhes.add(zhuangzhou);
        }
    }
}

细心的你会发现只是增加了lm.setOrientation(LinearLayout.HORIZONTAL);代码，简单吧。

三、实现炫酷瀑布流效果

首先，将item布局改成如下样式

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

    <ImageView
        android:id="@+id/iv_name"
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:layout_marginHorizontal="10dp"
        android:layout_marginTop="5dp"
        android:scaleType="fitXY"
        android:src="@mipmap/ic_launcher" />

    <TextView
        android:id="@+id/tv_img"
        android:layout_width="80dp"
        android:layout_height="wrap_content"
        android:layout_gravity="left"
        android:layout_marginHorizontal="10dp"
        android:gravity="center"
        android:text="小机器人" />
</LinearLayout>

item效果

然后修Activity内部代码

package com.example.hxd.gittest;

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

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

public class MainActivity extends BaseActivity {

    private List<WangZhe> wangZhes= new ArrayList<>();
    private RecyclerView rvWZ;

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

        initWangZhe();
        rvWZ= findViewById(R.id.rv_test);
        //瀑布流管理器
        StaggeredGridLayoutManager sglm = new StaggeredGridLayoutManager(3, StaggeredGridLayoutManager.VERTICAL);
        rvFruit.setLayoutManager(sglm);
        //将管理器设置给RecycleView
        rvWZ.setLayoutManager(lm);
        WangZheAdapter adapter = new WangZheAdapter (wangZhes);
        rvWZ.setAdapter(adapter);
    }

    private void initWangZhe() {
        for (int i = 0; i < 2; i++) {
            WangZhe bianqu = new WangZhe (getRandomName("扁鹊"), R.mipmap.bianque);
            wangZhes.add(bianqu);
            WangZhe daji = new WangZhe (getRandomName("妲己"), R.mipmap.daji);
            wangZhes.add(daji);
            WangZhe diaochan = new WangZhe (getRandomName("貂蝉"), R.mipmap.diaochan);
            wangZhes.add(diaochan);
            WangZhe huamulan = new WangZhe (getRandomName("花木兰"), R.mipmap.huamulan);
            wangZhes.add(huamulan);
            WangZhe libai = new WangZhe (getRandomName("李白"), R.mipmap.libai);
            wangZhes.add(libai);
            WangZhe liubei = new WangZhe (getRandomName("刘备"), R.mipmap.liubei);
            wangZhes.add(liubei);
            WangZhe sunbin = new WangZhe getRandomName("孙膑"), R.mipmap.sunbin);
            wangZhes.add(sunbin);
            WangZhe sunshangxiang = new WangZhe (getRandomName("孙尚香"), R.mipmap.sunshangxiang);
            wangZhes.add(sunshangxiang);
            WangZhe yuji = new WangZhe (getRandomName("虞姬"), R.mipmap.yuji);
            wangZhes.add(yuji);
            WangZhe zhuangzhou = new WangZhe (getRandomName("庄周"), R.mipmap.zhuangzhou);
            wangZhes.add(zhuangzhou);
        }
    }
 //随机产生图片下标注内容
    private String getRandomName(String name) {
        Random random = new Random();
        int length = random.nextInt(20) + 1;
        StringBuilder sb = new StringBuilder();
        for (int i = 0; i < length; i++) {
            sb.append(name);
        }
        return sb.toString();
    }
}

是不是很简单，来看一下实现效果吧

瀑布流实现效果

当然也可以实现横向瀑布流和多列瀑布流只需要改变一行代码内部参数即可：StaggeredGridLayoutManager sglm = new StaggeredGridLayoutManager(3, StaggeredGridLayoutManager.VERTICAL);这行代码第一个参数控制列数（行数），如果横向瀑布流只需要将第二个参数改为HORIZONTAL即可。是不是很简单

四、RecycleView的点击事件

设计好了列表不能点击也是废物，所以嘛，老老实实实现RecycleView的点击事件吧，但是RecycleView并没有像ListView的一样的setOnItemClickListener点击事件，只能在adapter内部对每一项进行逐一设置点击事件，下面我们开始吧

package com.example.hxd.gittest;

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 java.util.List;


public classWangZheAdapter extends RecyclerView.Adapter<WangZheAdapter.ViewHolder> {
  

    private List<WangZhe> wangZheList ;

    public WangZheAdapter(List<WangZhe> wangZhes) {
       wangZheList = wangZhes;
    }

    public class ViewHolder extends RecyclerView.ViewHolder {
        ImageView ivWZ;
        TextView tvWZ;
        View view;

        public ViewHolder(View itemView) {
            super(itemView);
            view=itemView;
            ivWZ = itemView.findViewById(R.id.iv_name);
            tvWZ = itemView.findViewById(R.id.tv_img);
        }
    }
  

    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item, parent, false);
        ViewHolder viewHolder = new ViewHolder(view);
              viewHolder.tvWZ.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                int position = viewHolder.getAdapterPosition();
                WangZhe wangZhe= wangZheList .get(position);
                Toast.makeText(parent.getContext(), wangZhe.getName(), Toast.LENGTH_LONG).show();
            }
        });
        viewHolder.ivWZ.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                int position = viewHolder.getAdapterPosition();
                WangZhe wangZhe= wangZheList .get(position);
                Toast.makeText(parent.getContext(), wangZhe.getName(), Toast.LENGTH_LONG).show();
            }
        });
        return viewHolder;
    }

    @Override
    public void onBindViewHolder(WangZheAdaoter.ViewHolder holder, int position) {
        wangZhefruit =  wangZhList.get(position);
        holder.ivWZ.setImageResource(wangZhe.getImageId());
        holder.tvWZ.setText(wangZhe.getName());
    }

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

微信关注我们

原文链接：https://yq.aliyun.com/articles/632806

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

【阿里聚安全·安全周刊】山寨外挂有风险养蛙需谨慎|健身追踪热度图爆军事基地位置

本周的七个关键词：谨慎养蛙防外挂丨热度图爆军事基地丨个人信息安全丨黑客盗取加密货币钱包丨恶意软件挖掘门罗币丨Android 9.0禁止非官方API丨 IOS邮件加密 -1-【游戏外挂】你可能养了一只“假蛙”：山寨外挂有风险养蛙需谨慎来源：第一财经日报 ------------------------------------------------------ 随着“云养蛙”蔚然成风，几乎就在十来天的时间里，纯日语界面的日本手游《青蛙旅行》（旅かえる）就攻陷了朋友圈，同时登顶苹果应用商店免费游戏排行榜第一位。但是，不少玩家发现自己养了一只“假蛙”——这款网红游戏终究没有摆脱“被山寨”的命运。游戏抄袭党泛滥、精品游戏缺乏知识产权保护、外挂形成灰色产业链，甚至一些不良开发商借由爆款游戏，远程操控用户手机，导致隐私泄露，这些都是当下游戏产业乱象的缩影。修改后台数据等外挂行为，更为严重的侵权行为，造成了不正当竞争，违反了《反不正当竞争法》相关法律规定。 http://jaq.alibaba.com/community/art/show?articleid=1436 -2- 【GP...

2018-02-01

673

本篇文章主要介绍在简书中写文章如何运用Markdown来快速编写一篇文章。Markdown的语法规则会在文章中提现。这个适用于基础入门的。一些不常用的语法，我就没有列举出来了。大家可以自己查Markdown语法手册深入学习。如何使用Markdown常用语法 1、标题讲解标题例子： #如何使用Markdown常用语法（标题共有6种，以#开头） 2、字体加粗加斜体字体例子：字体***加粗加斜体***（1个*代表斜体，2个**代表粗体） 3、代码块 <LinearLayout 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" android:orientation="vertical" tools:context=".MainActivity"> <!--Too...

2018-02-02

600

资源下载

更多资源

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称，一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集，帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

Spring

Spring框架（Spring Framework）是由Rod Johnson于2002年提出的开源Java企业级应用框架，旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念，提供核心容器、应用上下文、数据访问集成等模块，支持整合Hibernate、Struts等第三方框架，其适用范围不仅限于服务器端开发，绝大多数Java应用均可从中受益。

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。

WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。