ViewPager+Fragment的实现及禁止滑动

最新推荐文章于 2024-08-13 19:49:02 发布
最新推荐文章于 2024-08-13 19:49:02 发布
阅读量3.4w 收藏 33
点赞数 19
分类专栏： Android开发 文章标签： android viewpager app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lanrenxiaowen/article/details/72528422
版权

现在大部分的APP都都大致分为好几个模块，这就用到了viewpager+fragment来实现这样的效果，下面咱们就一起来实现一下这样的效果；

一、实现
1、首先是activity_main.xml；新建一个viewpager和三个可供以后点击的按钮

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    android:orientation="vertical"
    tools:context="com.example.administrator.recyclerviewdemo.activity.MainActivity">

    <com.example.administrator.recyclerviewdemo.activity.CustomViewPager
        android:id="@+id/viewpager"
        android:layout_weight="1"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

    </com.example.administrator.recyclerviewdemo.activity.CustomViewPager>

    <LinearLayout
        android:layout_width="match_parent"
        android:orientation="horizontal"
        android:layout_height="wrap_content">
        <Button
            android:id="@+id/one"
            android:layout_weight="1"
            android:text="One"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />
        <Button
            android:id="@+id/two"
            android:layout_weight="1"
            android:text="Two"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />
        <Button
            android:id="@+id/three"
            android:layout_weight="1"
            android:text="Three"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />
    </LinearLayout>

</LinearLayout>

2、然后新建三个fragment用来之后的切换
这里写图片描述

3、编写适配器

package com.example.administrator.recyclerviewdemo.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 Administrator on 2017/5/19.
 */

public class MyFragmentPagerAdapter extends FragmentPagerAdapter{
    private List<Fragment> list;

    public MyFragmentPagerAdapter(FragmentManager fm,List<Fragment> list) {
        super(fm);
        this.list=list;
    }


    @Override
    public Fragment getItem(int position) {
        return list.get(position);
    }

    @Override
    public int getCount() {
        return list.size();
    }
}

4、完成之后进行第四步，编写MainActivity里面的代码

package com.example.administrator.recyclerviewdemo.activity;

import android.graphics.Color;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.view.ViewPager;
import android.view.View;
import android.widget.Button;

import com.example.administrator.recyclerviewdemo.R;
import com.example.administrator.recyclerviewdemo.adapter.MyFragmentPagerAdapter;
import com.example.administrator.recyclerviewdemo.fragment.OneFragment;
import com.example.administrator.recyclerviewdemo.fragment.ThreeFragment;
import com.example.administrator.recyclerviewdemo.fragment.TwoFragment;

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

public class MainActivity extends FragmentActivity {


    private CustomViewPager viewpager;
    private Button one,two,three;
    private List<Fragment> list;

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

        one= (Button) findViewById(R.id.one);
        two= (Button) findViewById(R.id.two);
        three= (Button) findViewById(R.id.three);
        //加载adapter
        viewpager.setAdapter(new MyFragmentPagerAdapter(getSupportFragmentManager(),setfargment()));
        //按钮的点击事件
        one.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                viewpager.setCurrentItem(0);
                setdate(0);
            }
        });
        two.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                viewpager.setCurrentItem(1);
                setdate(1);
            }
        });
        three.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                viewpager.setCurrentItem(2);
                setdate(2);
            }
        });


        viewpager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
                setdate(position);
            }

            @Override
            public void onPageSelected(int position) {

            }

            @Override
            public void onPageScrollStateChanged(int state) {

            }
        });
    }

    /**
     * 点击按钮改变字体的颜色
     * */
    public void setdate(int index){
        switch (index){
            case 0:
                one.setTextColor(Color.RED);
                two.setTextColor(Color.BLACK);
                three.setTextColor(Color.BLACK);
                break;
            case 1:
                one.setTextColor(Color.BLACK);
                two.setTextColor(Color.RED);
                three.setTextColor(Color.BLACK);
                break;
            case 2:
                one.setTextColor(Color.BLACK);
                two.setTextColor(Color.BLACK);
                three.setTextColor(Color.RED);
                break;
        }
    }

    /**
     * 添加Fragment
     * */
    private List<Fragment> setfargment(){
        list=new ArrayList<Fragment>();
        list.add(new OneFragment());
        list.add(new TwoFragment());
        list.add(new ThreeFragment());
        return list;
    }
}

完成，这样就可以实现我们想要的效果了

这里写图片描述

二、禁止fragment的滑动
有的APP是不让fragment滑动的（Android版的微信可以滑动），下面就来操作一下如何让fragment禁止滑动
1、在项目里面添加工具类：

package com.example.administrator.recyclerviewdemo.activity;

import android.content.Context;
import android.support.v4.view.ViewPager;
import android.util.AttributeSet;
import android.view.MotionEvent;

/**
 * Created by Administrator on 2017/5/19.
 */

public class CustomViewPager extends ViewPager {

    private boolean isCanScroll = true;

    public CustomViewPager(Context context) {
        super(context);
    }

    public CustomViewPager(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    /**
     * 设置其是否能滑动换页
     * @param isCanScroll false 不能换页， true 可以滑动换页
     */
    public void setScanScroll(boolean isCanScroll) {
        this.isCanScroll = isCanScroll;
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        return isCanScroll && super.onInterceptTouchEvent(ev);
    }

    @Override
    public boolean onTouchEvent(MotionEvent ev) {
        return isCanScroll && super.onTouchEvent(ev);

    }
}

2、在布局里面将viewpager控件替换成工具类的类路径名
这里写图片描述
有的哥们不会拿类的类名，其实想拿类路径名也简单，右键想要拿类路径名的类
这里写图片描述
就是这个，点击之后就已经复制了类路径名

3、最后一步就是在用到的类里面添加一行代码实现fragment的滑动禁止
这里写图片描述

禁止滑动就这么简单，添加一个工具类加一行代码完成
这个实现之后会发现确实不能滑动了，但是当点击按钮切换页面的时候还是会有滑动的效果，如何去掉这种滑动的效果呢？换另外一个工具类

/**
 * 禁止viewpager页面的滑动的效果
 * Created by Administrator on 2017/6/1.
 */

import android.content.Context;
import android.support.v4.view.ViewPager;
import android.util.AttributeSet;
import android.view.MotionEvent;

/**
 * 手动控制viewpager是否可以左右滑动
 * 去除滑动动画
 * setNoScroll(boolean noScroll)
 *
 * @author ex-panyong
 */
public class NoScrollViewPager extends ViewPager {
    private boolean noScroll = false;

    public NoScrollViewPager(Context context, AttributeSet attrs) {
        super(context, attrs);
        // TODO Auto-generated constructor stub
    }

    public NoScrollViewPager(Context context) {
        super(context);
    }

    public void setNoScroll(boolean noScroll) {
        this.noScroll = noScroll;
    }

    @Override
    public void scrollTo(int x, int y) {
        super.scrollTo(x, y);
    }

    @Override
    public boolean onTouchEvent(MotionEvent arg0) {
                /* return false;//super.onTouchEvent(arg0); */
        switch(arg0.getAction()){
        }


        return !noScroll && super.onTouchEvent(arg0);
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent arg0) {
        return !noScroll && super.onInterceptTouchEvent(arg0);
    }

    @Override
    public void setCurrentItem(int item, boolean smoothScroll) {
        super.setCurrentItem(item, smoothScroll);
    }

    @Override
    public void setCurrentItem(int item) {
        //false 去除滚动效果
        super.setCurrentItem(item,false);
    }

}

怎么调用工具类在上面也说过了，调用这个工具类之后不仅页面不能滑动，而且当点击按钮切换页面的时候也没有滑动的效果，按需求选择到底使用哪个工具类就行了

源码下载

十阶魔方
关注
专栏目录
Android 用 TabLayout + ViewPager + Fragment 实现顶部、底部导航栏
QDJdeveloper
05-06 6140
这是我们 Material Design 系列的第四篇分享了，对 Material Design 还不是太清楚的可以先过前几篇大概的了解一下，今天我们主要通过实现顶部和底部导航栏的功能来了解又一个 Material Design 的控件 TabLayout 的使用，在移动应用开发中，由于屏膜大小的限制，使得顶部、底部 Tab 导航栏的使用非常的广泛，相信大家在实际开发过程中也是经常遇到，以前可以通
MPAndroidChart在ViewPager+Fragment滑动冲突解决
行动者&&职业化
12-27 9355
一丶慨述 这个问题在禅道上本来是交给我处理，拖了一天没解决，转交给做给的同事了，做折中处理（滑动MPChart时禁止外部滑动） 二丶直接上代码 /** * 设置左右滑动 * * @param barChart */ public static void setChartScaleX(LineChart barChart) { if (barChart != null) {
Viewpager+Fragment的实现及禁止滑动
05-19
viewpager+fragment的实现及禁止fragment的滑动
Viewpager+Fragment动态处理（添加、删除）Fragment
最新发布
iceFreedom的博客
08-13 805
在不断的看源码，查资料，调试程序中，终于是把该问题解决了，网上的资料都说得模棱两可，很多时候都得自己操刀，理解了才是自己的，特别是Fragment在FragmentManager中的mIndex值，有点坑，这里没拿出来说，以后有机会再补补。适合少量的页面显示。该类每一个生成的Fragment对象都会储存在内存中，所以适合相对静态、页面少的情况，如果是页面多，且Fragment的处理相对动态（添加、删除等）时，使用FragmentStatePagerAdapter较为适合。
ViewPager禁止滑动效果实现
阿秋的Blog
12-21 479
写在前面 项目刚开始的时候，PM：你这个不用滑动，太花哨。。。 我：现在主流的app，一般都能滑动的，这样也比较符合用户习惯… 现在，PM：你这个怎么不能滑动啊，不符合用户需求啊，赶紧改了。。。 我：… 不管怎样，写都写了，还是扔出来大家看看 重写ViewPager的方法 我使用的是ViewPager+FragmentPagerAdapter 禁止滑动效果，挺简单的，就重写一下ViewPager的...
android Viewpager+fragment实现页面切换
08-04
在这个示例中，“android Viewpager+fragment实现页面切换”旨在教我们如何利用这两个组件来创建一个能够左右滑动切换页面的应用。 首先，`ViewPager`是Android支持库中的一个视图类，它允许用户通过手势（通常是...
Android应用源码之ViewPager+Fragment侧滑选项卡，浏览器控件，两次退出.zip
12-16
这个源码示例对于学习Android应用开发，尤其是掌握ViewPager、Fragment和WebView的使用，以及实现常见应用功能，具有很高的参考价值。开发者可以通过研究源码，加深对这些组件的理解，并将它们运用到自己的项目中。
Viewpager+Fragment去除页面切换时的滑动翻页效果
xueyunvhai的专栏
05-11 515
Viewpager+Fragment去除页面切换时的滑动翻页效果
全网唯一有用的解决方案！彻底解决VerticalViewPager嵌套RecyclerView引起的滑动冲突！
08-15
全网唯一有用的解决方案！彻底解决VerticalViewPager嵌套RecyclerView引起的滑动冲突！
ViewPager+Fragment取消预加载、禁止滑动以及更新
qq1170762202的博客
10-25 432
取消预加载 网上了解了很多取消预加载的方法，里面提到了使用一个viewpager的public方法setOffscreenPageLimit经过查看源码以及验证发现该方法是管理Viewpager预加载的页数，最低也是默认为一页（例如ViewPager一共有4页，当前手机屏幕显示第一页，那么第二页已经被缓存了）。如果你想多缓存几页可以通过该方法进行设置；所以想要完全取消预加载（一页都不缓存，只
android view禁止右滑,Android viewpage实现可控制的禁止滑动
weixin_35819216的博客
05-27 288
Android编程常常使用ViewPager结合Fragment实现可以左右滑动切换的页面，但有时会遇到这样的需求，让ViewPager根据特定条件来控制其是否滑动。实现思路：重写ViewPager，覆盖 onTouchEvent 和 onInterceptTouchEvent 方法，使其返回false，截取ViewPager的事件响应，这样就等于禁止了ViewPager上的滑动事件。public...
Android Fragment+ViewPager禁止ViewPager左右滑动
一枚四肢蜕化的Android攻城狮
06-26 1846
很多时候我们项目里边都会使用Fragment+ViewPager但是如果在此基础上在嵌套一个TabLayout+ViewPager+Fragment那么就会出现滑动冲突，解决办法也很简单只需要重写外层ViewPager禁止左右滑动即可。 实现 1.重写ViewPager禁止滑动 public class IndexViewPager extends ViewPager { p...
viewpage 去掉左右切换效果_如何禁止viewPage左右滑动的效果
weixin_29001327的博客
01-13 316
2016-11-09 回答首先，要使用该控件就需要添加designlibrary，在androidstudio(还没有使用androidstudio的小伙伴们要赶紧更换啦)中添加依赖compile‘com.android.support:design:22.2.0’然后再布局文件中使用tablayout12345紧接着在下面添加viewpager12345布局文件完成了，接下来去定义viewpag...
ViewPager+Fragment实现多个子界面滑动
热门推荐
木辛梓
09-18 2万+
ViewPager+Fragment实现多个子界面滑动一、设计目标二、实现方法第一步第二步第三步第四步三、实现效果四、源码链接 一、设计目标 最近做了一个智能机器人的控制APP，因为涉及的功能比较多，因此采用了三个可以滑动的子界面，效果图如下：下面讲解一下怎么用ViewPager+Fragment实现此界面效果。 二、实现方法 第一步 新建一个Layout布局，用来容纳三个子界面。这里面要引入v...
ViewPager+Fragment（滑动+点击）
HYeeee的博客
08-24 2811
在viewpager内包含了多个fragment，也就是我们说的滑动的页面，这里我只用了两个页面的滑动，借用一张大神的界面分析图。 一、布局文件 1、main_common_layout.xml 这是一个顶部菜单栏 &lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;LinearLayout xmlns:android="http...
android防止左向右滑出程序,Android——ViewPager禁止左右滑动的实现
weixin_39998881的博客
05-26 145
目录1 背景用ViewPager+BottomNavigationView+多个Fragment快速搭建的页面切换架构，一个有四个页面，因为测试需要，需要屏蔽掉中间的两个，做法是：设置不可点击选择：xml布局文件中，BottomNavigationView的app:menu属性为各页的item，将不想显示的页面item的android:enabled属性设置为false，此时对应的页面就无法显示了...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值