RecycleView 和Viewpager2

RecycleView

简介

• 从Android 5.0开始，谷歌公司推出了一个用于大量数据展示的新控件RecylerView，可以用来代替传统的ListView，更加强大和灵活。
• RecyclerView是一个强大的滑动组件，与经典的ListView相比，同样拥有item回收复用的功能，这一点从它的名字Recyclerview即回收view也可以看出。
• RecyclerView 支持 线性布局、网格布局、瀑布流布局 三种，而且同时还能够控制横向还是纵向滚动。

布局块

步骤

1. 在主布局中引入控件

2. 编写好子项布局

布局第一步：主要是在主布局中引入RecyclerView控件。

注意：因为是远程导入的，所以需要把完整的包名写出来 activity_main.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"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:orientation="vertical"
    android:padding="15dp"
    android:layout_height="match_parent"
    tools:context=".MainActivity1">

    <androidx.recyclerview.widget.RecyclerView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/rv_view"/>
</LinearLayout>

布局第二步：创建子布局，然后在子布局中，写好自己的子项布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:padding="15dp"
    android:background="@color/teal_200"
    android:layout_height="wrap_content">
    <ImageView
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:id="@+id/iv_icon1"/>
    <TextView
        android:textSize="15sp"
        android:layout_marginLeft="20dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:id="@+id/tv_name1"/>
</LinearLayout>

代码块

代码第一步：编写实体类

package com.hoop.myapplication.model;

public class AddressBook {
    private String name;
    private int imagid;

    public AddressBook(String name, int imagid) {
        this.name = name;
        this.imagid = imagid;
    }
    public String getName(){
        return name;
    }
    public int getImagid(){
        return imagid;
    }
}

代码第二步：创建适配器

1. 创建一个新类：AddressBookAdapter继承RecyclerView.Adapter，并且将泛型指定为AddressBookAdapter.ViewHolder。 一开始这么写会报错，因为ViewHolder是一个内部类，我们还没有定义。所以接下来我们就定义内部类。这个内部类的作用主要是通过传入的一个参数view，从而获取RecyclerView子项的最外层布局，然后通过findViewById()方法获取控件的实例（在本例子中获取的是ImageView和TextView）。

2. 定义全局变量mList，生成构造函数。 这个构造函数是用来把要展示的数据源（图片、名字）传进来，并赋值给mList。

3. 重写onCreateViewHolder()方法 这个函数主要是用来加载子项布局（addressbook_item），然后创建ViewHolder实例并把子项布局传入到构造函数中，最后返回ViewHolder实例。

4. 重写onBindViewHolder()方法 这个方法是用来对传入的子项布局进行赋值的，也就是说当子项布局被传入进来，是它让布局有了名字、图片。它会在每个布局被滚动到屏幕的时候执行。在本例子中，是通过position参数得到当前项的AddressBook实例，然后再把数据设置到ViewHolder的ImageView和TextView里。

5. 重写getItemCount()方法 这个方法主要是用来返回数据源的长度，也就是告诉RecyclerView他有多少个子项

package com.hoop.myapplication.adapter;

import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;

import androidx.annotation.NonNull;
import androidx.recyclerview.widget.RecyclerView;

import com.hoop.myapplication.R;
import com.hoop.myapplication.model.AddressBook;

import java.util.List;

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

    private List<AddressBook> mlist;

    @NonNull
    @Override
    public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.addressbook_item1,parent,false);
        ViewHolder viewHolder = new ViewHolder(view);
        return viewHolder;
    }

    @Override
    public void onBindViewHolder(@NonNull ViewHolder holder, int position) {
        AddressBook addressBook =mlist.get(position);
        holder.image.setImageResource(addressBook.getImagid());
        holder.name.setText(addressBook.getName());
    }

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

    public class ViewHolder extends RecyclerView.ViewHolder {
        ImageView image;
        TextView name;

        public ViewHolder(@NonNull View itemView) {
            super(itemView);
            image = itemView.findViewById(R.id.iv_icon1);
            name = itemView.findViewById(R.id.tv_name1);
        }
    }
    public AddressBookAdapter(List<AddressBook> mlist){
        this.mlist =mlist;
    }
}

代码第三步：在主活动中使用

1. 获取RecyclerView的实例

2. 创建LinearLayoutManager对象

3. 创建AddressBookAdapter实例

4. 模拟数据

5. 将模拟数据传入AddressBookAdapter的构造函数中

6. 调用setAdapter()方法完成适配器设置

package com.hoop.myapplication;

import androidx.appcompat.app.AppCompatActivity;
import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.RecyclerView;

import android.os.Bundle;

import com.hoop.myapplication.adapter.AddressBookAdapter;
import com.hoop.myapplication.model.AddressBook;

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

public class MainActivity1 extends AppCompatActivity {

    private String[] names ={"草莓","菠萝","橘子","葡萄","樱桃","青提","杏子","火龙果","柠檬"};
    private int[] imgs={R.mipmap.caomei,R.mipmap.fengli,R.mipmap.juzi,R.mipmap.putao,R.mipmap.yingtao,R.mipmap.qingti,R.mipmap.xingzi,R.mipmap.huolongguo,R.mipmap.ningmeng};

    private List<AddressBook> list = new ArrayList<>();
    private RecyclerView rv_view;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main1);
        //设置数据源
        initData();

        rv_view = findViewById(R.id.rv_view);
        AddressBookAdapter addressBookAdapter = new AddressBookAdapter(list);
        //设置布局管理器 设置纵向布局
        LinearLayoutManager layoutManager = new LinearLayoutManager(this);
        rv_view.setLayoutManager(layoutManager);
        rv_view.setAdapter(addressBookAdapter);

    }
    private void initData(){
        for (int i = 0; i < names.length; i++) {
            AddressBook addressBook = new AddressBook(names[i], imgs[i]);
            list.add(addressBook);
        }
    }
}

其他布局的设置

//设置横向布局

        //设置数据源
        initData();
        rv_view = findViewById(R.id.rv_view);
        AddressBookAdapter addressBookAdapter = new AddressBookAdapter(list);
        //设置布局管理器
        LinearLayoutManager layoutManager = new LinearLayoutManager(this);
        //设置横向
        layoutManager.setOrientation(LinearLayoutManager.HORIZONTAL);
        rv_view.setLayoutManager(layoutManager);
        rv_view.setAdapter(addressBookAdapter);

设置网格

       //设置数据源
        initData();

        rv_view = findViewById(R.id.rv_view);
        AddressBookAdapter addressBookAdapter = new AddressBookAdapter(list);
        //设置布局管理器
        //设置网格
        GridLayoutManager layoutManager =new GridLayoutManager(this,3);
        rv_view.setLayoutManager(layoutManager);
        rv_view.setAdapter(addressBookAdapter);

Viewpager2

概述

ViewPager2 是基于 RecyclerView 实现的，自然继承了 RecyclerView 的众多优点，并且针对ViewPager 存在的问题做了优化。

• 支持垂直方向的滑动且实现极其简单。
• 完全支持 RecyclerView 的相关配置功能。
• 支持多个 PageTransformer。
• 支持 DiffUtil，局部数据刷新和 Item 动画。
• 支持模拟用户滑动与禁止用户操作

Viewpager2 的步骤和RecycleView是一样的

下面是Viewpager2 的案例

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"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity4">
    <androidx.viewpager2.widget.ViewPager2
        android:layout_width="match_parent"
        android:layout_height="250dp"
        android:id="@+id/vp_imgsn"/>

</LinearLayout>

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/rl_cos"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <TextView
        android:id="@+id/tv_yst"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>

</RelativeLayout>

实体类

package com.hoop.myapplication.model;

public class ViewPagers2 {
    private String names;
    private int colours;

    public String getNames() {
        return names;
    }

    public int getColours() {
        return colours;
    }

    public ViewPagers2(String names, int colours) {
        this.names = names;
        this.colours = colours;
    }
}

适配器

package com.hoop.myapplication.adapter;


import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.RelativeLayout;
import android.widget.TextView;

import androidx.annotation.NonNull;
import androidx.recyclerview.widget.RecyclerView;

import com.hoop.myapplication.R;
import com.hoop.myapplication.model.ViewPagers2;

import java.util.List;

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

    private final List<ViewPagers2> list;
    public ViewPager2Adapter(List<ViewPagers2> list) {
        this.list = list;
    }

    public class ViewHolder extends RecyclerView.ViewHolder {
        TextView tv_yst;
        RelativeLayout rl_cos;
        public ViewHolder(@NonNull View itemView) {
            super(itemView);
            tv_yst = itemView.findViewById(R.id.tv_yst);
            rl_cos = itemView.findViewById(R.id.rl_cos);
        }
    }
    @NonNull
    @Override
    public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.viewpager2,parent,false);
        ViewHolder viewHolder = new ViewHolder(view);
        return viewHolder;
    }


    @Override
    public void onBindViewHolder(@NonNull ViewHolder holder, int position) {
        ViewPagers2 viewPager2 = list.get(position);
        holder.tv_yst.setText(viewPager2.getNames());
        holder.rl_cos.setBackgroundColor(viewPager2.getColours());
    }

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

java文件

package com.hoop.myapplication;


import android.graphics.Color;
import android.os.Bundle;

import androidx.appcompat.app.AppCompatActivity;
import androidx.viewpager2.widget.MarginPageTransformer;
import androidx.viewpager2.widget.ViewPager2;

import com.hoop.myapplication.adapter.ViewPager2Adapter;
import com.hoop.myapplication.model.ViewPagers2;

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


public class MainActivity4 extends AppCompatActivity {
    private List<ViewPagers2> list=new ArrayList<>();
    private ViewPager2 vp_imgsn;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main4);
        intn();
        vp_imgsn=findViewById(R.id.vp_imgsn);
        ViewPager2Adapter viewPager2Adapter =new ViewPager2Adapter(list);
        MarginPageTransformer pageTransformer =new MarginPageTransformer(20);
        vp_imgsn.setAdapter(viewPager2Adapter);
    }

    private void intn() {
        ViewPagers2 pager1=new ViewPagers2("蓝色", Color.BLUE);
        list.add(pager1);
        ViewPagers2 pager2=new ViewPagers2("黄色", Color.YELLOW);
        list.add(pager2);
        ViewPagers2 pager3=new ViewPagers2("红色", Color.RED);
        list.add(pager3);
        ViewPagers2 pager4=new ViewPagers2("绿色", Color.GREEN);
        list.add(pager4);
    }
}