Android Viewpager2与RecycleView

最新推荐文章于 2024-05-08 17:19:59 发布

Happy__snake

最新推荐文章于 2024-05-08 17:19:59 发布

阅读量1.1k

点赞数

文章标签： android android studio ide

本文链接：https://blog.csdn.net/Happy__snake/article/details/126108855

版权

RecycleView简介

从 Android 5.0 开始，谷歌公司推出了一个用于大量数据展示的新控件 RecylerView ，可以用来代替

传统的 ListView ，更加强大和灵活。

RecyclerView 是一个强大的滑动组件，与经典的 ListView 相比，同样拥有 item 回收复用的功能，这

一点从它的名字 Recyclerview 即回收 view 也可以看出。

RecyclerView 支持线性布局、网格布局、瀑布流布局三种，而且同时还能够控制横向还是纵向滚

动。

RecycleView纵向排列

布局

步骤就是

1. 在主布局中引入控件

2. 编写好子项布局

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

<?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=".MainActivity2">

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

布局第二步 ：创建子布局，然后在子布局中，写好自己的子项布局（需要新建 .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:orientation="vertical"
    android:layout_width="match_parent"
    android:background="#15D2EA"
    android:padding="10dp"
    android:layout_height="wrap_content">

    <ImageView
        android:id="@+id/img_zys"
        android:layout_width="50dp"
        android:layout_height="50dp"
        />
    <TextView
        android:id="@+id/tv_zys"
        android:layout_width="50dp"
        android:gravity="center"
        android:layout_height="wrap_content"
        android:text="TextView" />

</LinearLayout>

代码

步骤就是

1. 编写实体类

2. 创建适配器

3. 在主活动中使用

代码第一步 ：编写实体类

这个主要是看你想做一个怎么样的项目来定，在本课程，做一个左边显示图标图片，右边显示名字的简

单项目，就需要名字与图片 id

public class Zys {
    int img_zys;
    String tv_zys;

    public Zys(int img_zys, String tv_zys) {
        this.img_zys = img_zys;
        this.tv_zys = tv_zys;
    }

    public int getImg_zys() {
        return img_zys;
    }

    public String getTv_zys() {
        return tv_zys;
    }
}

然后创建适配器

public class ZysAdapter extends RecyclerView.Adapter<ZysAdapter.ViewHolder> {
    private List<Zys> list;

    public ZysAdapter(List<Zys> list) {
        this.list = list;
    }

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

    @Override
    public void onBindViewHolder(@NonNull ViewHolder holder, int position) {
        Zys zys = list.get(position);
        holder.img_zys.setImageResource(zys.getImg_zys());
        holder.tv_zys.setText(zys.getTv_zys());
        holder.img_zys.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Toast.makeText(view.getContext(), zys.getImg_zys()+"被点击", Toast.LENGTH_SHORT).show();
            }
        });
    }

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

    public class ViewHolder extends RecyclerView.ViewHolder {
        ImageView img_zys;
        TextView tv_zys;
        public ViewHolder(@NonNull View itemView) {
            super(itemView);
            img_zys=itemView.findViewById(R.id.img_zys);
            tv_zys=itemView.findViewById(R.id.tv_zys);
        }
    }
}

然后在主类中使用

public class MainActivity9 extends AppCompatActivity {
    private String[] arr={"壹","贰","叁","肆","伍","陆","柒","捌"};
    private int[] imags={R.mipmap.one,R.mipmap.two,R.mipmap.three,R.mipmap.four,R.mipmap.five,R.mipmap.six,R.mipmap.seven,R.mipmap.eight};
    private List<Zys> list = new ArrayList<>();
    private RecyclerView rv_show;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main9);
        init();
        shou=findViewById(R.id.shou);
        rv_show=findViewById(R.id.rv_show);
        initData();
        ZysAdapter addressAdapter = new ZysAdapter(list);
//此处为线性布局
        LinearLayoutManager layoutManager = new LinearLayoutManager(this);
        rv_show.setLayoutManager(layoutManager);
        rv_show.setAdapter(addressAdapter);

    }

    private void initData() {
        for (int i = 0; i < arr.length; i++) {
            Zys address=new Zys(imags[i],arr[i]);
            list.add(address);
        }

    }

}

RecycleView横向排列

只需要在主类中加上如下代码

//此处为线性布局
LinearLayoutManager layoutManager = new LinearLayoutManager(this);
        layoutManager.setOrientation(RecyclerView.HORIZONTAL);
        rv_show.setLayoutManager(layoutManager);

RecycleView表格布局

public class MainActivity9 extends AppCompatActivity {
    private String[] arr={"壹","贰","叁","肆","伍","陆","柒","捌"};
    private int[] imags={R.mipmap.one,R.mipmap.two,R.mipmap.three,R.mipmap.four,R.mipmap.five,R.mipmap.six,R.mipmap.seven,R.mipmap.eight};
    private List<Zys> list = new ArrayList<>();
    private RecyclerView rv_show;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main9);
        init();
        shou=findViewById(R.id.shou);

        initData();
        ZysAdapter addressAdapter = new ZysAdapter(list);
        GridLayoutManager layoutManager = new GridLayoutManager(this,4);
        rv_show.setLayoutManager(layoutManager);
        shou.setPageTransformer(compositePageTransformer);
        shou.setAdapter(colororAdapter);

    }

    private void initData() {
        for (int i = 0; i < arr.length; i++) {
            Zys address=new Zys(imags[i],arr[i]);
            list.add(address);
        }

    }

}

Viewpager2

概述

ViewPager2 是基于 RecyclerView 实现的，自然继承了 RecyclerView 的众多优点，并且针对

ViewPager 存在的问题做了优化。

支持垂直方向的滑动且实现极其简单。

完全支持 RecyclerView 的相关配置功能。

支持多个 PageTransformer 。

支持 DiffUtil ，局部数据刷新和 Item 动画。

支持模拟用户滑动与禁止用户操作。

1. 布局

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


    <TextView
        android:id="@+id/textView"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="TextView"
        android:textSize="24sp"
        android:textStyle="bold" />
</RelativeLayout>

2. Adapter

因为 ViewPager2 是基于 RecyclerView 的，所以在使用上与 RecyclerView 的使用基本一致，而且

Adapter 用的也是 RecyclerView.Adapter 。

public class ColororAdapter extends RecyclerView.Adapter<ColororAdapter.Holder> {
    private List<Integer> colors;

    public ColororAdapter(List<Integer> colors) {
        this.colors = colors;
    }

    @NonNull
    @Override
    public Holder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        return new Holder(LayoutInflater.from(parent.getContext()).inflate(R.layout.cloror,parent,false));
    }

    @Override
    public void onBindViewHolder(@NonNull Holder holder, int position) {
        int i=position%4;
        holder.textView.setText("item"+i);
        holder.con.setBackgroundColor(colors.get(i));
    }

    @Override
    public int getItemCount() {
        return Integer.MAX_VALUE;
    }

    public class Holder extends RecyclerView.ViewHolder {
        RelativeLayout con;
        TextView textView;
        public Holder(@NonNull View itemView) {
            super(itemView);
            con=itemView.findViewById(R.id.rel);
            textView=itemView.findViewById(R.id.textView);
        }
    }
}

主类代码

public class MainActivity9 extends AppCompatActivity {
    private List<Zys> list = new ArrayList<>();
    private RecyclerView rv_show;
    private ViewPager2 shou;
    private List<Integer> colors=new ArrayList<>();
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main9);
        init();
        shou=findViewById(R.id.shou);
        ColororAdapter colororAdapter = new ColororAdapter(colors);
        CompositePageTransformer compositePageTransformer = new CompositePageTransformer();
        compositePageTransformer.addTransformer(new MarginPageTransformer(20));
        compositePageTransformer.addTransformer(new ScaleInTransformer());

        shou.setOffscreenPageLimit(1);
        View childAt = shou.getChildAt(0);
        if (childAt!=null && childAt instanceof RecyclerView){
            childAt.setPadding(100,0,100,0);
            ((RecyclerView) childAt).setClipToPadding(false);
        }
        shou.setPageTransformer(compositePageTransformer);
        shou.setAdapter(colororAdapter);
    }

    }
    private void init(){
        colors.add(Color.BLUE);
        colors.add(Color.YELLOW);
        colors.add(Color.GREEN);
        colors.add(Color.RED);
    }
}