Android开发——控件基础（十）ViewPager：实现页面的滑动切换

最新推荐文章于 2023-07-02 08:00:00 发布

原创最新推荐文章于 2023-07-02 08:00:00 发布 · 1.3k 阅读

19 ·

CC 4.0 BY-SA版权

文章标签：

#ViewPager

Android零基础学习专栏收录该内容

60 篇文章

订阅专栏

该博客介绍了使用ViewPager实现页面滑动切换的方法。要实现此功能，需使用Fragment，给ViewPager配备FragmentAdpter适配器，并将所有Fragment添加到适配器中。博主还给出了部分实现代码，如FragmentA、fragmenta_layout.xml、activity_main.xml等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

运行效果图：

实现页面的滑动转换

思维导图：

首先要实现页面的滑动切换，必须使用Fragment（类似于Activity），这里不多说了，能来看这篇文章的应该都懂。

使用ViewPager实现滑动功能。

将给ViewPager一个FragmentAdpter适配器，并把所有的Fragment添加到适配器中。

实现代码：

FragmentA

package com.example.administrator.slideview.fragment;

import android.app.Fragment;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

import com.example.administrator.slideview.R;

/**
 * Created by Administrator on 2019/6/17.
 */

public class FragmentA extends android.support.v4.app.Fragment {

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        //获取fragmenta这个布局文件
        View view = inflater.inflate(R.layout.fragmenta_layout,null);
        return view;
    }

}

fragmenta_layout.xml

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

    <TextView
        android:id="@+id/tv"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:text="页面一"/>

</LinearLayout>

FragmentB、FragmentC类比上面。

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.administrator.slideview.MainActivity">

    <!--使用ViewPager-->
    <android.support.v4.view.ViewPager
        android:id="@+id/vp"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

    </android.support.v4.view.ViewPager>
</RelativeLayout>

博主把FragmentAdpter适配器类写成了内部类

package com.example.administrator.slideview;

import android.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;

import com.example.administrator.slideview.fragment.FragmentA;
import com.example.administrator.slideview.fragment.FragmentB;
import com.example.administrator.slideview.fragment.FragmentC;

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

public class MainActivity extends AppCompatActivity {

    List<android.support.v4.app.Fragment> fragments;   //页面组

    /**
     * 单个页面
     */
    FragmentA fragmentA;
    FragmentB fragmentB;
    FragmentC fragmentC;

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

        viewPager = (ViewPager) findViewById(R.id.vp);

        /**
         * 添加页面到页面组里
         */
        fragmentA = new FragmentA();
        fragmentB = new FragmentB();
        fragmentC = new FragmentC();
        fragments = new ArrayList<>();
        fragments.add(fragmentA);
        fragments.add(fragmentB);
        fragments.add(fragmentC);

        //创建fragment适配器并把页面组传给它
        FragmentAdpter fragmentAdpter = new FragmentAdpter(getSupportFragmentManager(),fragments);
        //添加适配器
        viewPager.setAdapter(fragmentAdpter);
    }

    /**
     * 自定义适配器内部类
     */
    public class FragmentAdpter extends FragmentPagerAdapter {
        List<android.support.v4.app.Fragment> fragments;

        //构造方法
        public FragmentAdpter(FragmentManager fm, List<android.support.v4.app.Fragment> fragments) {
            super(fm);
            this.fragments = fragments;
        }

        /**
         * 取出第几页
         * @param position
         * @return
         */
        @Override
        public android.support.v4.app.Fragment getItem(int position) {
            return fragments.get(position);
        }

        /**
         * 共有多少页
         * @return
         */
        @Override
        public int getCount() {
            return fragments.size();
        }
    }
}

有问题或者需要源码，欢迎留言！