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

最新推荐文章于 2023-02-21 18:23:14 发布
最新推荐文章于 2023-02-21 18:23:14 发布
阅读量1k 收藏 7
点赞数 1
分类专栏： Android 文章标签： android android studio java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_45696288/article/details/121657977
版权

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进行点击切换页面。

利用ViewPager实现可左右滑动的Action Tab
夜行小生
11-06 8172
1. ViewPager要点： ViewPager 是一个布局管理类（layout manager），用于提供页面的左右滑动功能，类似于ListView，也有为ViewPager提供     数据（Fragment）的 adapter 控制类（FragmentPagerAdapter, FragmentStatePagerAdapter）。ViewPager 经常和 Fragment 一
Android使用ViewPager实现左右循环滑动及轮播效果
weixin_34025151的博客
11-10 544
ViewPager是一个常用的android组件，不过通常我们使用ViewPager的时候不能实现左右无限循环滑动，在滑到边界的时候会看到一个不能翻页的动画，可能影响用户体验。此外，某些区域性的ViewPager（例如展示广告或者公告之类的ViewPager），可能需要自动轮播的效果，即用户在不用滑动的情况下就能够看到其他页面的信息。为此我查阅了网络上现有的一些关于实现这样效...
Android中通过ViewPager实现左右滑屏(上)
Robin Hu的专栏
03-13 7098
本文整理自： http://my.oschina.net/kzhou/blog/29157 http://www.th7.cn/Program/Android/2012/01/04/53921.shtml  一、简介 ViewPager类提供了多界面切换的效果（类似home中workspace的切换）。该效果有如下特征： [1] 当前显示一组界面中的其中一个界面。 [2] 当用户
使用ViewPager实现左右循环滑动
hududumo
04-25 152
前面一篇文章实现了使用ViewPager实现高仿launcher拖动效果 ，后来很多朋友问能不能实现左右循环滑动效果和引导页面。今天实现了左右滑动，至于在最后一页滑动跳转，这个也做了但是效果不是太好，也希望有实现的朋友能够分享下。在最后一页添加一张图片单击跳转，这个认为很简单大家自己添加个图片，点击后跳转就OK。 这篇是在实现了使用ViewPager实现高仿launcher拖动效果的基础上做...
使用ViewPager实现左右滑动效果
feifei20081014的专栏
01-01 707
在这部分的讲解中，我们使用了Android提供另一个非常有用的控件ViewPager。使用这个控件，需要用到google提到的一个包——android-support-v4.jar，这个包中包含了一些非常有用的类，其中就是ViewPager类来实现页面之间的切换操作，关于android-support-v4.jar的详细信息，大家可以访问google官方网站：http://developer.an
Android-小圆点指示器的viewpager使用非常方便自动轮播图片
08-13
首先，`ViewPager`是Android SDK提供的一种可以左右滑动切换页面的控件，它非常适合用来创建一个卡片式的界面，用户可以通过手势左右滑动来浏览不同的内容。在我们的场景中，`ViewPager`将用于展示自动轮播的图片。 ...
Android-各种方向的ViewPager层叠卡片
08-12
在Android开发中，`ViewPager` 是一个非常常用的组件，它允许用户通过左右滑动来浏览多个页面。在标题“Android-各种方向的ViewPager层叠卡片”中，提到的层叠卡片效果是`ViewPager`的一种独特视觉表现，它可以为...
Android-ViewPagerCards一分钟实现ViewPager卡片
08-12
在Android应用开发中，`ViewPager`是一个非常常用的组件，它允许用户通过左右滑动来浏览多个页面。结合`CardView`，我们可以创建出美观且功能丰富的卡片式界面，这种设计在许多现代应用中非常流行，比如Google Play...
Android-使用ViewPager实现左右滑动翻页.zip
最新发布
09-14
ViewPager组件本身并不包含任何页面切换的动画效果，因此要实现平滑的页面滑动和动画，通常需要配合Fragment和FragmentPagerAdapter或FragmentStatePagerAdapter使用。FragmentPagerAdapter适用于页面数量较少且不...
Android-一个基于SlidingTabLayout和ViewPager的能够自定义滑动指示器视图的页面管理控件
08-13
SlidingTabLayout是Google官方推荐的一个库，用于实现滑动指示器，它可以与ViewPager配合使用，显示当前所选页面的标题。当用户在ViewPager中滑动时，SlidingTabLayout会随之更新，显示当前页面的标签，从而帮助用户...
android 之ViewPager左右滑动切换界面
04-19
NULL 博文链接：https://fuchangle.iteye.com/blog/1876429
ViewPager实现左右滑动效果
10-06
ViewPager实现动画左右滑动的效果，适合在第一次启动程序的时候给用户一个帮助
android点击查看大图，ViewPager实现左右滑动切换、缩放图片
02-29
点击缩略图查看大图，支持滑动切换图片，缩放图片，封装成了一个工具类，基本两行代码实现上面需求。 代码很清晰，可以自已微调。
ViewPager 简单实现左右无限滑动.
dingpijiang4177的博客
12-06 148
只需在在适配器中将getCount 给一个较大的值, 然后将currentItem 设为值的一半 就可以伪实现 无限循环. private static final int PAGE_COUNT = 600; class MyPagerAdapter extends PagerAdapter { @Override p...
android: ViewPager滑动切换Activity
a96167653219的博客
10-26 247
ViewPager非常适合用于实现多页面的滑动切换效果 相同的多页面切换可以是TabHost,但是tabhost标题栏需要重写,稍微麻烦一点所以采用ViewPager来实现滑动切换，网上很多都是使用ViewPager来加载View,做一些静态的页面展示,像导航,图片展示,使用教程等等 下面实现ViewPager滑动切换Activity 由于是Google的兼容包类库所以一定要在工程...
android viewpager 无限左右滑动
weixin_33862041的博客
03-18 165
一、添加指示点 1、用xml文件设置selecet方式的state_enable=true/false属性 2、用2个xml文件设置shape形式 二、实现无限循环滑动 1、设置中间值 int dex=Integer.MAX_VALUE/2-Integer.MAX_VALUE/2%images.size； 2、当...
在Android中使用ViewPager实现左右滑动页面
ximsfei的专栏
01-20 1484
通过学习源码，实现了一个简单的demo，在Android中使用ViewPager实现左右滑动页面。
Android动态控制Viewpager左右滑动功能
有个学长
02-21 603
正确的可以动态控制左右滑动的ViewPager, 禁止ViewPager左右滑动
android - viewPager实现左右滑动
星枫的博客
05-14 722
一、activity public class ViewPager2 extends Activity { private ViewPager pager; private List<View> list; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentV
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

爱睡觉的小Meng

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值