viewpage+fragm实现页卡滑动

最新推荐文章于 2025-08-04 23:31:28 发布

qq_41451851

最新推荐文章于 2025-08-04 23:31:28 发布

阅读量299

点赞数 1

CC 4.0 BY-SA版权

文章标签： android viewpager fragment

本文链接：https://blog.youkuaiyun.com/qq_41451851/article/details/79910826

本文介绍如何使用ViewPager和FragmentPagerAdapter实现页面滑动效果。主要内容包括：新建Activity与FragmentActivity、XML布局配置、自定义FragmentPagerAdapter子类实现页面切换、在Activity中绑定View与设置监听器。

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

一.进行准备工作
新建一个Activity和3个FragmentActivity，并开始布局
xml布局

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.ll.viewpage.MainActivity">

    <android.support.v4.view.ViewPager
        android:id="@+id/cmc"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

    </android.support.v4.view.ViewPager>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:layout_alignParentBottom="true">

        <Button
            android:id="@+id/btn11"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:text="btn1" />

        <Button
            android:id="@+id/btn21"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:text="btn2" />

        <Button
            android:id="@+id/btn31"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:text="btn3" />
    </LinearLayout>

</RelativeLayout>

二.新建类继承FragmentPagerAdapter方法

package com.example.ll.viewpage.adapter;

import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;

import java.util.List;

/**
 * Created by ll on 2018/4/12.
 */

public class MyAdapter extends FragmentPagerAdapter {

    //创建fragmentList集合
    private List<Fragment>fragmentList;

    //构造方法实现传值
    public MyAdapter(FragmentManager fm,List<Fragment>fragmentList) {
        super(fm);
        this.fragmentList=fragmentList;
    }

    //返回fragmentList对象
    @Override
    public Fragment getItem(int position) {
        return fragmentList.get(position);
    }

    //返回fragmentList对象个数
    @Override
    public int getCount() {
        return fragmentList.size();
    }
}

三.最后在Activity文件中实现页卡滑动

package com.example.ll.viewpage;

import android.support.v4.app.Fragment;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;

import com.example.ll.viewpage.adapter.MyAdapter;

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

public class MainActivity extends AppCompatActivity implements View.OnClickListener {
    private Button btn1;
    private Button btn2;
    private Button btn3;

    //创建viewpager对象
    private ViewPager vp;
    //创建fragmentList集合，并进行实力化
    private List<Fragment> fragmentList = new ArrayList<>();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //绑定ID
        bindId();
        //实例化Fragment对象
        FragmentA fragmentA=new FragmentA();
        FragmentB fragmentB=new FragmentB();
        FragmentC fragmentC=new FragmentC();
        //将fragment对象通过add（）方法放入fragmentList集合中
        fragmentList.add(fragmentA);
        fragmentList.add(fragmentB);
        fragmentList.add(fragmentC);
        //创建MyPageAdapter页面适配器
        MyAdapter myAdapter=new MyAdapter(getSupportFragmentManager(),fragmentList);
        //绑定适配器
       vp.setAdapter(myAdapter);
    }

    private void bindId() {
        btn1 = findViewById(R.id.btn11);
        btn2 = findViewById(R.id.btn21);
        btn3 = findViewById(R.id.btn31);
        vp=findViewById(R.id.cmc);
        btn1.setOnClickListener(this);
        btn2.setOnClickListener(this);
        btn3.setOnClickListener(this);
    }

    @Override
    public void onClick(View view) {
        switch (view.getId()) {
            case R.id.btn11:
                vp.setCurrentItem(0);
                break;
            case R.id.btn21:
                vp.setCurrentItem(1);
                break;
            case R.id.btn31:
                vp.setCurrentItem(2);
                break;
            default:
                break;
        }

    }
}