不会ViewPager2的使用？来这照抄就能入门

小灰灰 2023-10-07 11:03 3阅读 0赞

截止本文发布时间止，viewpager2的最新版本为稳定版1.0.0，该版本与 1.0.0-rc01 相比没有变化。

**简介**

1.0.0 的主要功能

*  对之前的 ViewPager 实现的改进：
    
     *  RTL（从右向左）布局支持
     *  垂直方向支持
     *  可靠的 Fragment 支持（包括处理底层 Fragment 集合的更改）
     *  数据集更改动画（包括 DiffUtil 支持）
     *  从之前的 ViewPager 实现中轻松迁移（API 尽可能一致）。请参阅[迁移指南][Link 1]和[示例应用][Link 2]。

**使用**

要使用 ViewPager2，请将以下 AndroidX 依赖项添加到项目的 build.gradle 文件：

dependencies {
        implementation "androidx.viewpager2:viewpager2:1.0.0"
    }

ViewPager2为androidx库中的，简单来说androidx库就是对之前android-support的整合，如果项目还在使用android-support库，那么只有两个选择：

1.  项目整体切换到androidx（需要有比较大的把我，也是未来的趋势）
2.  不使用ViewPager2

言归正传，我们继续

先创建一个fragment的布局文件就命名为fragment\_screen\_slide\_page.xml（引用的字符串内容需要你自己去定义）：

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/content"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >
        
        <TextView style="?android:textAppearanceMedium"
            android:padding="16dp"
            android:lineSpacingMultiplier="1.2"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@string/lorem_ipsum" />
    </ScrollView>

创建一个Fragment类，在onCreateView中返回刚刚创建的布局

import androidx.fragment.app.Fragment;
    ...
    public class ScreenSlidePageFragment extends Fragment {
    
        @Override
        public View onCreateView(LayoutInflater inflater, ViewGroup container,
                Bundle savedInstanceState) {
            ViewGroup rootView = (ViewGroup) inflater.inflate(
                    R.layout.fragment_screen_slide_page, container, false);
    
            return rootView;
        }
    }

然后创建一个ViewPager2对应的布局，命名为activity\_screen\_slide.xml

<androidx.viewpager2.widget.ViewPager2
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/pager"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

创建一个适配器，命名为ScreenSlidePagerAdapter，继承FragmentStateAdapter

import androidx.annotation.NonNull;
    import androidx.fragment.app.Fragment;
    import androidx.fragment.app.FragmentActivity;
    import androidx.viewpager2.adapter.FragmentStateAdapter;
    
    import com.channel.myapplication.fragment.ScreenSlidePageFragment;
    
    /**
     * @author Administrator
     */
    public class ScreenSlidePagerAdapter extends FragmentStateAdapter {
    
    	/**
    	 * The number of pages (wizard steps) to show in this demo.
    	 */
    	private static final int NUM_PAGES = 5;
    
    	public ScreenSlidePagerAdapter(FragmentActivity fa) {
        	super(fa);
    	}
    
    	@NonNull
    	@Override
    	public Fragment createFragment(int position) {
        	return new ScreenSlidePageFragment();
    	}
    
    	@Override
    	public int getItemCount() {
        	return NUM_PAGES;
    	}
    }

创建activity命名为ScreenSlidePagerActivity，并在此activity中将ScreenSlidePagerAdapter与ViewPager2绑定

import androidx.fragment.app.Fragment;
    import androidx.fragment.app.FragmentActivity;
    ...
    public class ScreenSlidePagerActivity extends FragmentActivity {
    
        /**
         * The pager widget, which handles animation and allows swiping horizontally to access previous
         * and next wizard steps.
         */
        private ViewPager2 mPager;
    
        /**
         * The pager adapter, which provides the pages to the view pager widget.
         */
        private FragmentStateAdapter pagerAdapter;
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_screen_slide);
    
            // Instantiate a ViewPager and a PagerAdapter.
            mPager = findViewById(R.id.pager);
            pagerAdapter = new ScreenSlidePagerAdapter(this);
            mPager.setAdapter(pagerAdapter);
        }
    
        @Override
        public void onBackPressed() {
            if (mPager.getCurrentItem() == 0) {
                // If the user is currently looking at the first step, allow the system to handle the
                // Back button. This calls finish() on this activity and pops the back stack.
                super.onBackPressed();
            } else {
                // Otherwise, select the previous step.
                mPager.setCurrentItem(mPager.getCurrentItem() - 1);
            }
        }
    }

运行项目进入ScreenSlidePagerActivity即可看到效果

效果图（录制来自谷歌官网）  
![在这里插入图片描述][20200313173107558.gif]

推荐阅读：  
[ViewPager2添加自定义动画][ViewPager2]  
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MTc4Mzkx_size_16_color_FFFFFF_t_70][]  
关注我的公众号（不是技术号），让你的职业发展除技术外，多一种可能

[Link 1]: https://developer.android.google.cn/training/animation/vp2-migration?hl=zh_cn
[Link 2]: https://github.com/android/views-widgets-samples/tree/master/ViewPager2
[20200313173107558.gif]: https://img-blog.csdnimg.cn/20200313173107558.gif
[ViewPager2]: https://blog.csdn.net/qq_35178391/article/details/104843860
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MTc4Mzkx_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200228134041717.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MTc4Mzkx,size_16,color_FFFFFF,t_70