Android---ViewPager的使用「创建页面的左右滑动」

viewpager_Activity.java

package com.example.myapplication2;

import androidx.appcompat.app.AppCompatActivity;
import androidx.fragment.app.Fragment;
import androidx.viewpager.widget.ViewPager;

import android.os.Bundle;
import android.widget.Toast;

import com.google.android.material.tabs.TabLayout;

import java.util.ArrayList;
import java.util.List;

public class viewpager_Activity extends AppCompatActivity {
    ViewPager viewPager;
    TabLayout tableLayout;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.layout_viewpager);

        viewPager = findViewById(R.id.viewpager_1);
        //准备Fragment对象
        List<Fragment> list = new ArrayList<>();
        MyFragment1 fragment1 = new MyFragment1();
        MyFragment2 fragment2 = new MyFragment2();
        MyFragment3 fragment3 = new MyFragment3();
        MyFragment4 fragment4 = new MyFragment4();
        list.add(fragment1);
        list.add(fragment2);
        list.add(fragment3);
        list.add(fragment4);

        List<String> listTitle = new ArrayList<>();
        listTitle.add("页面1");
        listTitle.add("页面2");
        listTitle.add("页面3");
        listTitle.add("页面4");

        //创建Adapter对象
        MyPagerAdapter myPagerAdapter =
                new MyPagerAdapter(getSupportFragmentManager(),list,listTitle);
        //设置Adapter
        viewPager.setAdapter(myPagerAdapter);
        //关联Tablayout与viewpager
        tableLayout = findViewById(R.id.tablauout_1);
        tableLayout.setupWithViewPager(viewPager);

        //设置监听器
        viewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
                //页面互动时调用
            }

            @Override
            public void onPageSelected(int position) {
                //当滑动到某个页面时调用，position为滑动到的页面位置
                Toast.makeText(viewpager_Activity.this, "这是第"+(position+1)+"个页面", Toast.LENGTH_SHORT).show();
            }

            @Override
            public void onPageScrollStateChanged(int state) {
                //页面滑动状态改变时调用

            }
        });

    }
}

layout_viewpager.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    >

  <com.google.android.material.tabs.TabLayout
      android:id="@+id/tablauout_1"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"/>
      
    <androidx.viewpager.widget.ViewPager
        android:id="@+id/viewpager_1"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    </androidx.viewpager.widget.ViewPager>




</LinearLayout>

MyFragment1.java (java文件)

MyFragment1.java

package com.example.myapplication2;

import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

import androidx.fragment.app.Fragment;

public class MyFragment1 extends Fragment {
    @Override
    public View onCreateView(LayoutInflater inflater,
                             ViewGroup container,  Bundle savedInstanceState) {

        /*
         * resourse:第一个参数是页面布局文件
         * root：第二个参数，父类
         * attachToRoot：第三个参数，是否以父类容器的形式添加(是否保留当前布局文件的当前属性)
         */
        View view = inflater.inflate(R.layout.layout_fragment1,
                container,false);//当前的页面布局，当前的布局文件（在写自己的适配器的时候使用过）
        //false没有保留父类容器的布局样式

        return view;//返回当前的布局文件
    }
}

MyFragment2.java (java文件)

MyFragment2.java

package com.example.myapplication2;

import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

import androidx.fragment.app.Fragment;

public class MyFragment2 extends Fragment {
    @Override
    public View onCreateView(LayoutInflater inflater,
                             ViewGroup container,  Bundle savedInstanceState) {

        /*
         * resourse:第一个参数是页面布局文件
         * root：第二个参数，父类
         * attachToRoot：第三个参数，是否以父类容器的形式添加(是否保留当前布局文件的当前属性)
         */
        View view = inflater.inflate(R.layout.layout_fragment2,
                container,false);//当前的页面布局，当前的布局文件（在写自己的适配器的时候使用过）
        //false没有保留父类容器的布局样式

        return view;//返回当前的布局文件
    }
}

MyFragment3.java (java文件)

MyFragment3.java

package com.example.myapplication2;

import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

import androidx.fragment.app.Fragment;

public class MyFragment3 extends Fragment {
    @Override
    public View onCreateView(LayoutInflater inflater,
                             ViewGroup container,  Bundle savedInstanceState) {

        /*
         * resourse:第一个参数是页面布局文件
         * root：第二个参数，父类
         * attachToRoot：第三个参数，是否以父类容器的形式添加(是否保留当前布局文件的当前属性)
         */
        View view = inflater.inflate(R.layout.layout_fragment3,
                container,false);//当前的页面布局，当前的布局文件（在写自己的适配器的时候使用过）
        //false没有保留父类容器的布局样式

        return view;//返回当前的布局文件
    }
}

MyFragment4.java (java文件)

MyFragment4.java

package com.example.myapplication2;

import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

import androidx.fragment.app.Fragment;

public class MyFragment4 extends Fragment {
    @Override
    public View onCreateView(LayoutInflater inflater,
                             ViewGroup container,  Bundle savedInstanceState) {

        /*
         * resourse:第一个参数是页面布局文件
         * root：第二个参数，父类
         * attachToRoot：第三个参数，是否以父类容器的形式添加(是否保留当前布局文件的当前属性)
         */
        View view = inflater.inflate(R.layout.layout_fragment4,
                container,false);//当前的页面布局，当前的布局文件（在写自己的适配器的时候使用过）
        //false没有保留父类容器的布局样式

        return view;//返回当前的布局文件
    }
}

layout_fragment1.xml

layout_fragment1.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:background="@drawable/a001">


    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Fragment1" />
<!--    android:layout_weight="1"-->

    <Button
        android:id="@+id/button_fragment1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Fragment1" />
<!--    android:layout_weight="1"-->

</LinearLayout>

layout_fragment2.xml

layout_fragment2.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:background="@drawable/a002">

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Fragment2" />
<!--    android:layout_weight="1"-->

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Fragment2" />
<!--    android:layout_weight="1"-->

</LinearLayout>

layout_fragment3.xml

layout_fragment3.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:background="@drawable/a003">

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Fragment3" />
<!--    android:layout_weight="1"-->

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Fragment3" />
<!--    android:layout_weight="1"-->

</LinearLayout>

layout_fragment4.xml

layout_fragment4.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:background="@drawable/a004">

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Fragment4" />
<!--    android:layout_weight="1"-->

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Fragment4" />
<!--    android:layout_weight="1"-->

</LinearLayout>

MyPagerAdapter.java（java文件）

package com.example.myapplication2;

import androidx.annotation.NonNull;
import androidx.annotation.Nullable;
import androidx.fragment.app.Fragment;
import androidx.fragment.app.FragmentManager;
import androidx.fragment.app.FragmentPagerAdapter;

import java.util.List;

public class MyPagerAdapter extends FragmentPagerAdapter {

    private List<Fragment> list;
    private List<String> listTitle;

//    public MyPagerAdapter(@NonNull FragmentManager fm, int behavior,List<Fragment> list) {
//        super(fm, behavior);
//        this.list=list;
//    }

    public MyPagerAdapter(@NonNull FragmentManager fm, List<Fragment> list,List<String> listTitle) {
        super(fm);
        this.list=list;
        this.listTitle=listTitle;
    }

    @NonNull
    @Override
    //获取当前活动到的Fragment对象
    public Fragment getItem(int position) {
        return list.get(position);
    }

    //获取Fragment的个数
    // @Override
    public int getCount() {
        return list.size();
    }

    @Nullable
    @Override
    //获取当前Fragment对应的标签
    public CharSequence getPageTitle(int position) {
        return listTitle.get(position);
    }
}

最终实现效果：

上面的页面切换效果可以通过左右滑动进行切换，也可以通过点击最上面的页面1、页面2、页面3、页面4进行点击切换页面。