Android中ViewPager1和ViewPager2的使用教程

更新时间：2021年10月20日 10:02:13 作者：切切歆语

这篇文章主要介绍了Android中ViewPager1和ViewPager2的使用,效果图是结合BottomNavigationView+ViewPager一起使用的，具体实例代码跟随小编一起看看吧

Android X的东西都已经使用很久了，都没好好记录一下，

现在记录一下Android X 下 ViewPager1和ViewPager2的使用，几乎是每个项目中都会使用的控件，他们之间还是有点区别的，

案例效果图，ViewPager和ViewPager2

首先ViewPager1和ViewPager2 是在Android X 的appcompat 库中，创建项目就有的

xml

     <androidx.viewpager.widget.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>
 
     <androidx.viewpager2.widget.ViewPager2
        android:id="@+id/viewpager2"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

首页来看看ViewPager1的Adapter

public class MyFragmentPagerAdapter extends FragmentPagerAdapter {
       
        private List<Fragment> fragmentList;
 
        public MyFragmentPagerAdapter(FragmentManager fm,List<Fragment> fragmentList) {
            super(fm, BEHAVIOR_RESUME_ONLY_CURRENT_FRAGMENT);
            this.fragmentList = fragmentList;
        }
 
        @NonNull
        @Override
        public Fragment getItem(int position) {
            return fragmentList.get(position);
        }
 
        @Override
        public int getCount() {
            return fragmentList.size();
        }
    }

ViewPager2的Adapter

public class MyFragmentPagerAdapter extends FragmentStateAdapter {
 
        private List<Fragment> fragmentList;
 
        public MyFragmentPagerAdapter(@NonNull @NotNull FragmentActivity fragmentActivity,List<Fragment> fragmentList) {
            super(fragmentActivity);
            this.fragmentList = fragmentList;
        }
        @NonNull
        @NotNull
        @Override
        public Fragment createFragment(int i) {
            return fragmentList.get(i);
        }
 
        @Override
        public int getItemCount() {
            return fragmentList.size();
        }
    }

ViewPager加载Fragment

MyFragmentPagerAdapter pagerAdapter = new MyFragmentPagerAdapter(getSupportFragmentManager(),fragmentList);
        viewpager.setAdapter(pagerAdapter);
        viewpager.setOffscreenPageLimit(fragmentList.size());
        viewpager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
            }
 
            @Override
            public void onPageSelected(int position) {//滑动到第几个
                navigation.getMenu().getItem(position).setChecked(true);
            }
 
            @Override
            public void onPageScrollStateChanged(int state) {
            }
        });

ViewPager2加载Fragment

MyFragmentPagerAdapter pagerAdapter = new MyFragmentPagerAdapter(this,fragmentList);
        viewpager2.setAdapter(pagerAdapter);
        viewpager2.setOffscreenPageLimit(fragmentList.size());
        viewpager2.registerOnPageChangeCallback(new ViewPager2.OnPageChangeCallback() {
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
                super.onPageScrolled(position, positionOffset, positionOffsetPixels);
            }
 
            @Override
            public void onPageSelected(int position) {//滑动到第几个
                super.onPageSelected(position);
                navigation.getMenu().getItem(position).setChecked(true);
            }
 
            @Override
            public void onPageScrollStateChanged(int state) {
                super.onPageScrollStateChanged(state);
            }
        });

效果图是结合BottomNavigationView+ViewPager一起使用的

上一篇博客讲到了BottomNavigationView，可以去看看他的介绍

BottomNavigationView+ViewPager/ViewPager2的绑定都是一样的

 navigation.setOnNavigationItemSelectedListener(new BottomNavigationView.OnNavigationItemSelectedListener() {
            @Override
            public boolean onNavigationItemSelected(@NonNull @NotNull MenuItem menuItem) {
                if (menuItem.getItemId() == R.id.menu_mail){
                    viewpager.setCurrentItem(0);
                }else if (menuItem.getItemId() == R.id.menu_bookshelf){
                    viewpager.setCurrentItem(1);
                }else if (menuItem.getItemId() == R.id.menu_my_config){
                    viewpager.setCurrentItem(2);
                }
                return false;
            }
        });

还有一种方式：

navigation.setOnNavigationItemSelectedListener(item -> {
           Toast.makeText(ApiDemo1Activity2.this,
                   "下标"+item.getOrder(),Toast.LENGTH_LONG).show();
            viewpager.setCurrentItem(item.getOrder());
            return true;
        });

这个下标如何来的呢？

那当然是BottomNavigationView 绑定的按钮中设置的了

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    tools:showIn="bottom_navigation_view">
 
    <item
        android:id="@+id/menu_mail"
        android:icon="@drawable/ic_bottom_mail"
        android:title="@string/book_mail"
        android:orderInCategory="0"
        />
 
    <item
        android:id="@+id/menu_bookshelf"
        android:icon="@drawable/ic_bottom_books"
        android:orderInCategory="1"
        android:title="@string/book_shelf" />
 
    <item
        android:id="@+id/menu_my_config"
        android:icon="@drawable/ic_bottom_person"
        android:orderInCategory="2"
        android:title="@string/my" />
 
</menu>

属性 android:orderInCategory="0" 来设置下标，这样就更方便绑定ViewPager了

总结ViewPager和ViewPager2的区别

ViewPager2API最大的变化是它现在使用RecyclerView。
使用ViewPager2需要迁移到 AndroidX ，因为android.support库中不支持ViewPager2
FragmentStateAdapter 替换 FragmentStatePagerAdapter
RecyclerView.Adapter 替代 PagerAdapter
registerOnPageChangeCallback替换 addPageChangeListener

官方文档介绍：

ViewPager2 | Android 开发者 | Android Developers

到此这篇关于Android中ViewPager1和ViewPager2的使用的文章就介绍到这了,更多相关Android ViewPager1和ViewPager2使用内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

Android HelloChart开源库图表之折线图的实例代码
这篇文章主要介绍了Android HelloChart开源库图表之折线图的实例代码，具有很好的参考价值，希望对大家有所帮助，一起跟随小编过来看看吧
2018-05-05
MPAndroidChart绘制自定义运动数据图表示例详解
这篇文章主要为大家介绍了MPAndroidChart绘制自定义运动数据图表示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-09-09
Android实现简单下拉筛选框
这篇文章主要为大家详细介绍了一款简单灵活的Android下拉筛选框，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2018-10-10
Android动画入门教程之kotlin
最近在学习kotlin，所以下面这篇文章主要给大家介绍了关于Android动画入门教程之kotlin的相关资料，文中通过示例代码介绍的非常详细，需要的朋友可以参考借鉴，下面随着小编来一起学习学习吧。
2017-12-12
Android图片压缩的实例详解
这篇文章主要介绍了Android图片压缩的实例详解的相关资料,android图片压缩主要有两种方式：压缩图片分辨率与压缩图片质量，需要的朋友可以参考下
2017-08-08
Android原生TabLayout使用的超全解析(看这篇就够了)
现在很多app都有顶部可左右切换的导航栏,并且还带动画效果,要实现这种导航栏,可以使用Android原生的Tablayout也可以借助第三方框架实现,这篇文章主要给大家介绍了关于Android原生TabLayout使用的相关资料,需要的朋友可以参考下
2022-09-09
Android斩首行动接口预请求
这篇文章主要为大家介绍了Android斩首行动之接口预请求实现示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-03-03
android开发教程之startActivityForResult使用方法
这篇文章主要介绍了android开发教程之startActivityForResult使用方法,需要的朋友可以参考下
2014-03-03
Android通过代码控制ListView上下滚动的方法
今天小编就为大家分享一篇关于Android通过代码控制ListView上下滚动的方法，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
2018-12-12
Mac下完全卸载干净Android Studio的方法
这篇文章主要介绍了Mac下完全卸载干净Android Studio的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2018-04-04

Android中ViewPager1和ViewPager2的使用教程

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具