Android中ViewPager1和ViewPager2的使用教程

更新時間：2021年10月20日 10:02:13 作者：切切歆語

這篇文章主要介紹了Android中ViewPager1和ViewPager2的使用,效果圖是結合BottomNavigationView+ViewPager一起使用的，具體實例代碼跟隨小編一起看看吧

Android X的東西都已經(jīng)使用很久了，都沒好好記錄一下，

現(xiàn)在記錄一下Android X 下 ViewPager1和ViewPager2的使用，幾乎是每個項目中都會使用的控件，他們之間還是有點區(qū)別的，

案例效果圖，ViewPager和ViewPager2

首先ViewPager1和ViewPager2 是在Android X 的appcompat 庫中，創(chuàng)建項目就有的

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的區(qū)別

ViewPager2API最大的變化是它現(xiàn)在使用RecyclerView。
使用ViewPager2需要遷移到 AndroidX ，因為android.support庫中不支持ViewPager2
FragmentStateAdapter 替換 FragmentStatePagerAdapter
RecyclerView.Adapter 替代 PagerAdapter
registerOnPageChangeCallback替換 addPageChangeListener

官方文檔介紹：

ViewPager2 | Android 開發(fā)者 | Android Developers

到此這篇關于Android中ViewPager1和ViewPager2的使用的文章就介紹到這了,更多相關Android ViewPager1和ViewPager2使用內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

Android TouchListener實現(xiàn)拖拽刪實例代碼
這篇文章主要介紹了Android TouchListener實現(xiàn)拖拽刪實例代碼的相關資料,需要的朋友可以參考下
2017-02-02
Android通過aapt命令獲取apk詳細信息(包括:文件包名,版本號,SDK等信息)
本文給大家分享android通過aapt命令獲取apk詳細信息(包括:文件包名,版本號,SDK等信息)，非常不錯，簡單實用，對android sdk aapt知識感興趣的朋友一起通過本文學習吧
2016-11-11
android的got表HOOK實現(xiàn)代碼
對于android的so文件的hook根據(jù)ELF文件特性分為：Got表hook、Sym表hook和inline hook等。今天通過本文給大家介紹android HOOK實現(xiàn)got表的實例代碼，需要的朋友參考下吧
2021-08-08
Android編程之線性布局LinearLayout實例簡析
這篇文章主要介紹了Android編程之線性布局LinearLayout用法,結合實例形式簡單分析了Android線性布局的使用技巧,需要的朋友可以參考下
2016-01-01
Android中使用AndroidTestCase的方法實例
這篇文章主要介紹了Android中使用AndroidTestCase的方法實例,本文直接給出實現(xiàn)代碼,需要的朋友可以參考下
2015-04-04
Android編程實現(xiàn)圖片的上傳和下載功能示例
這篇文章主要介紹了Android編程實現(xiàn)圖片的上傳和下載功能,涉及Android針對圖片的字節(jié)流轉換與傳輸操作相關技巧,需要的朋友可以參考下
2016-10-10
Android事件分發(fā)之View事件處理關鍵及示例分析
這篇文章主要為大家介紹了Android事件分發(fā)之View事件處理關鍵及示例分析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2023-02-02
Android編程實現(xiàn)TextView垂直自動滾動功能【附demo源碼下載】
這篇文章主要介紹了Android編程實現(xiàn)TextView垂直自動滾動功能,詳細分析了Android TextView垂直自動滾動功能的實現(xiàn)步驟與布局、功能相關技巧,并附帶了demo源碼供讀者下載,需要的朋友可以參考下
2017-02-02
如何使用Android注解處理器
這篇文章主要介紹了如何使用Android注解處理器，對注解處理器感興趣的同學，可以參考下
2021-04-04
Android自定義控件基本原理詳解（一）
這篇文章主要為大家詳細介紹了Android自定義控件基本原理，了解一下自定義控件的要求和實現(xiàn)的基本原理,感興趣的小伙伴們可以參考一下
2016-08-08