9).Android Jetpack 一个demo两分钟ViewPager2 （实现抖音App上下滑动）

最新推荐文章于 2024-08-10 08:17:23 发布

原创最新推荐文章于 2024-08-10 08:17:23 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#java #android #ios #小程序 #swift

kotlin 同时被 3 个专栏收录

23 篇文章

订阅专栏

jetpack

18 篇文章

订阅专栏

设计模式

16 篇文章

订阅专栏

本文详细介绍ViewPager2组件在Android开发中的应用，包括其相较于ViewPager的主要改进之处，如支持从右到左布局、垂直方向布局等特性。并通过实例展示了如何将ViewPager2与Fragment及RecyclerView结合使用，实现高效的数据展示。

ViewPager2+Fragment+tablayout

https://www.jianshu.com/p/351e695015d4

ViewPager2 是 ViewPager 库的改进版本，可提供增强型功能并解决使用 ViewPager 时遇到的一些问题

ViewPager有两个弊端：1.不能关闭预加载；2.更新adapter不生效
我们在加载数据的时候，viewpager默认会帮我们预加载前后两个页面的数据，并且这2个view是不可见的。而目前ViewPager2对Fragment支持只能用FragmentStateAdapter，FragmentStateAdapter在遇到预加载时，只会创建Fragment对象，不会把Fragment真正的加入到布局中，所以自带懒加载效果

https://mp.weixin.qq.com/s/MOWdbI5IREjQP1Px-WJY1Q

Android ViewPager2的特性

从右到左的布局支持
垂直方向
RecyclerView.Adapter取代PagerAdapter
registerOnPageChangeCallback 取代 addPageChangeListener
更高效的notifyDataSetChanged

支持Fragment切换的动画

ViewPager2与RecycleView的结合使用

public class MainActivity extends AppCompatActivity {
    ViewPager2 mviewPager2;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mviewPager2 = findViewById(R.id.viewpager2);
        List<String> list = new ArrayList<>();
        list.add("页面一");
        list.add("页面二");
        list.add("页面三");
        list.add("页面四");


        mviewPager2.setOrientation(ViewPager2.ORIENTATION_HORIZONTAL);

        mviewPager2.setAdapter(new ViewPagerAdapter(this, list, mviewPager2));

        mviewPager2.registerOnPageChangeCallback(new ViewPager2.OnPageChangeCallback() {
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
                super.onPageScrolled(position, positionOffset, positionOffsetPixels);
            }
        });

    }
}

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.RelativeLayout;
import android.widget.TextView;

import java.util.List;

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

/**
 * @Author: wuchaowen
 * @Description:
 * @Time:
 **/
public class ViewPagerAdapter extends RecyclerView.Adapter<ViewPagerAdapter.ViewHolder> {
    private List<String> mData;
    private LayoutInflater mInflater;
    private ViewPager2 viewPager2;


    private int[] colorArray = new int[]{android.R.color.black, android.R.color.holo_blue_dark, android.R.color.holo_green_dark, android.R.color.holo_red_dark};


    public ViewPagerAdapter(Context context, List<String> data, ViewPager2 viewPager2) {
        this.mInflater = LayoutInflater.from(context);
        this.mData = data;
        this.viewPager2 = viewPager2;
    }

    @NonNull
    @Override
    public ViewPagerAdapter.ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        View view = mInflater.inflate(R.layout.recycleview_item, parent, false);
        return new ViewHolder(view);
    }

    @Override
    public void onBindViewHolder(@NonNull ViewPagerAdapter.ViewHolder holder, int position) {
        String animal = mData.get(position);
        holder.myTextView.setText(animal);
        holder.relativeLayout.setBackgroundResource(colorArray[position]);

    }

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

    public class ViewHolder extends RecyclerView.ViewHolder {
        TextView myTextView;
        RelativeLayout relativeLayout;

        ViewHolder(View itemView) {
            super(itemView);
            myTextView = itemView.findViewById(R.id.tvTitle);
            relativeLayout = itemView.findViewById(R.id.container);

        }
    }
}