多层Fragment与ViewPager结合使用

最新推荐文章于 2024-05-08 20:28:14 发布
最新推荐文章于 2024-05-08 20:28:14 发布
阅读量635 收藏
点赞数
分类专栏： # Android 进阶 文章标签： viewpager
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/huang3513/article/details/53010147
版权

效果图如下：
这里写图片描述
如上图蔬菜和水果按钮分别控制两个Fragment，这里要限制ViewPager不可以左右滑动，只能通过按钮实现滑动切换，然后子Fragment中又分别有三个Fragment与一个ViewPager的使用。
在这边直接贴上代码，MainActivity的代码：

package com.zhjy.fragmentdemo.activity;

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

import com.zhjy.fragmentdemo.R;
import com.zhjy.fragmentdemo.adapter.MyPagerAdapter;
import com.zhjy.fragmentdemo.fragment.EmergencyFragment;
import com.zhjy.fragmentdemo.fragment.SurgeryFragment;
import com.zhjy.fragmentdemo.view.NonSwipeableViewPager;

import java.util.ArrayList;

public class MainActivity extends AppCompatActivity {

    private Button mButtonOne,mButtonTwo;
    private NonSwipeableViewPager mViewPager;
    private ArrayList<Fragment> mArrayList;
    private SurgeryFragment mSurgeryFragment;
    private EmergencyFragment mEmergencyFragment;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);
        init();
    }

    private void init() {
        mButtonOne = (Button)findViewById(R.id.button_one);
        mButtonTwo = (Button)findViewById(R.id.button_two);
        mViewPager = (NonSwipeableViewPager)findViewById(R.id.view_pager);

        mButtonOne.setOnClickListener(mOnClickListener);
        mButtonTwo.setOnClickListener(mOnClickListener);
        if (mArrayList == null){
            mArrayList = new ArrayList<>();
        }
        if (mSurgeryFragment == null){
            mSurgeryFragment = new SurgeryFragment();
        }
        mSurgeryFragment.setmActivity(MainActivity.this);
        if (mEmergencyFragment == null){
            mEmergencyFragment = new EmergencyFragment();
        }
        mEmergencyFragment.setmActivity(MainActivity.this);
        mArrayList.add(mSurgeryFragment);
        mArrayList.add(mEmergencyFragment);
        MyPagerAdapter mMyPagerAdapter = new MyPagerAdapter(getSupportFragmentManager(),mArrayList);
        mViewPager.setAdapter(mMyPagerAdapter);
    }


    View.OnClickListener mOnClickListener = new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            switch (v.getId()){
                case R.id.button_one:
                    mViewPager.setCurrentItem(0);
                    break;
                case R.id.button_two:
                    mViewPager.setCurrentItem(1);
                    break;
                default:
                    break;
            }
        }
    };
}

然后是MainActivity中的两个Fragment代码：
第一个：

package com.zhjy.fragmentdemo.fragment;

import android.app.Activity;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.view.ViewPager;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;

import com.nineoldandroids.view.ViewPropertyAnimator;
import com.zhjy.fragmentdemo.R;
import com.zhjy.fragmentdemo.adapter.MyPagerAdapter;

import java.util.ArrayList;

/**
 * @author :huangxianfeng on 2016/11/2.
 * 蔬菜
 */
public class SurgeryFragment extends Fragment {

    private Activity mActivity;
    private Button mButton1,mButton2,mButton3;
    private ViewPager mViewPager;
    private View mView;
    private int lineWidth;
    private ArrayList<Fragment> mArrayList;
    private AFragment mAFragment;
    private BFragment mBFragment;
    private CFragment mCFragment;
    private MyPagerAdapter mMyPagerAdater;

    public void setmActivity(Activity mActivity) {
        this.mActivity = mActivity;
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View view = View.inflate(mActivity, R.layout.fragment_surgery,null);
        init(view);
        setAction();
        return view;
    }

    private void init(View view) {
        mButton1 = (Button)view.findViewById(R.id.button_1);
        mButton2 = (Button)view.findViewById(R.id.button_2);
        mButton3 = (Button)view.findViewById(R.id.button_3);
        mViewPager = (ViewPager)view.findViewById(R.id.fragmen1_viewpager);
        mView = view.findViewById(R.id.indicate_line);

        mButton1.setOnClickListener(mOnClickListener);
        mButton2.setOnClickListener(mOnClickListener);
        mButton3.setOnClickListener(mOnClickListener);
        initCalulateLength();
        if (mArrayList == null){
            mArrayList = new ArrayList<>();
        }
        if (mAFragment == null){
            mAFragment = new AFragment();
        }
        mAFragment.setmActivity(mActivity);
        if (mBFragment == null){
            mBFragment = new BFragment();
        }
        mBFragment.setmActivity(mActivity);
        if (mCFragment == null){
            mCFragment = new CFragment();
        }
        mCFragment.setmActivity(mActivity);
        mArrayList.add(mAFragment);
        mArrayList.add(mBFragment);
        mArrayList.add(mCFragment);
        if (mMyPagerAdater == null){
            mMyPagerAdater = new MyPagerAdapter(getFragmentManager(),mArrayList);
        }
        mViewPager.setAdapter(mMyPagerAdater);
    }


    private void setAction() {
        //设置ViewPager的监听事件
        mViewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
                int length=(int)(position*lineWidth+positionOffset*lineWidth);
                ViewPropertyAnimator.animate(mView).translationX(length).setDuration(0);
            }

            @Override
            public void onPageSelected(int position) {

            }

            @Override
            public void onPageScrollStateChanged(int state) {

            }
        });
    }

    //Button的监听事件
    View.OnClickListener mOnClickListener = new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            switch (v.getId()){
                case R.id.button_1:
                    mViewPager.setCurrentItem(0);
                    break;
                case R.id.button_2:
                    mViewPager.setCurrentItem(1);
                    break;
                case R.id.button_3:
                    mViewPager.setCurrentItem(2);
                    break;
                default:
                    break;
            }
        }
    };

    //测量宽度
    protected  void initCalulateLength(){
        //最后的数字3代表分几块
        lineWidth=mActivity.getWindowManager().getDefaultDisplay().getWidth()/3;
        mView.getLayoutParams().width=lineWidth;
        mView.requestLayout();
    }
}

第二个：

package com.zhjy.fragmentdemo.fragment;
import android.app.Activity;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.support.v4.view.ViewPager;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;

import com.nineoldandroids.view.ViewPropertyAnimator;
import com.zhjy.fragmentdemo.R;
import com.zhjy.fragmentdemo.adapter.MyPagerAdapter;

import java.util.ArrayList;

/**
 * @author :huangxianfeng on 2016/11/2.
 * 水果
 */
public class EmergencyFragment extends Fragment {

    private Activity mActivity;
    private Button mButton1,mButton2,mButton3;
    private ViewPager mViewPager;
    private View mView;
    private int lineWidth;
    private ArrayList<Fragment> mArrayList;
    private AFragment mAFragment;
    private BFragment mBFragment;
    private CFragment mCFragment;
    private MyPagerAdapter mMyPagerAdater;

    public void setmActivity(Activity mActivity) {
        this.mActivity = mActivity;
    }

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View view = View.inflate(mActivity, R.layout.fragment_emergency,null);
        init(view);
        setAction();
        return view;
    }
    private void init(View view) {
        mButton1 = (Button)view.findViewById(R.id.button_1);
        mButton2 = (Button)view.findViewById(R.id.button_2);
        mButton3 = (Button)view.findViewById(R.id.button_3);
        mViewPager = (ViewPager)view.findViewById(R.id.fragmen2_viewpager);
        mView = view.findViewById(R.id.indicate_line);

        mButton1.setOnClickListener(mOnClickListener);
        mButton2.setOnClickListener(mOnClickListener);
        mButton3.setOnClickListener(mOnClickListener);
        initCalulateLength();
        if (mArrayList == null){
            mArrayList = new ArrayList<>();
        }
        if (mAFragment == null){
            mAFragment = new AFragment();
        }
        mAFragment.setmActivity(mActivity);
        if (mBFragment == null){
            mBFragment = new BFragment();
        }
        mBFragment.setmActivity(mActivity);
        if (mCFragment == null){
            mCFragment = new CFragment();
        }
        mCFragment.setmActivity(mActivity);
        mArrayList.add(mAFragment);
        mArrayList.add(mBFragment);
        mArrayList.add(mCFragment);
        if (mMyPagerAdater == null){
            mMyPagerAdater = new MyPagerAdapter(getFragmentManager(),mArrayList);
        }
        mViewPager.setAdapter(mMyPagerAdater);
    }


    private void setAction() {
        //设置ViewPager的监听事件
        mViewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
                int length=(int)(position*lineWidth+positionOffset*lineWidth);
                ViewPropertyAnimator.animate(mView).translationX(length).setDuration(0);
            }

            @Override
            public void onPageSelected(int position) {

            }

            @Override
            public void onPageScrollStateChanged(int state) {

            }
        });
    }

    //Button的监听事件
    View.OnClickListener mOnClickListener = new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            switch (v.getId()){
                case R.id.button_1:
                    mViewPager.setCurrentItem(0);
                    break;
                case R.id.button_2:
                    mViewPager.setCurrentItem(1);
                    break;
                case R.id.button_3:
                    mViewPager.setCurrentItem(2);
                    break;
                default:
                    break;
            }
        }
    };

    //测量宽度
    protected  void initCalulateLength(){
        lineWidth=mActivity.getWindowManager().getDefaultDisplay().getWidth()/3;
        mView.getLayoutParams().width=lineWidth;
        mView.requestLayout();
    }
}

以上两个Fragment有相同的布局如下：

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

    <LinearLayout
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="50dp">

        <Button
            android:text="香蕉"
            android:id="@+id/button_1"
            android:layout_weight="1"
            android:layout_width="0dp"
            android:layout_height="match_parent" />
        <Button
            android:text="苹果"
            android:id="@+id/button_2"
            android:layout_weight="1"
            android:layout_width="0dp"
            android:layout_height="match_parent" />
        <Button
            android:text="葡萄"
            android:id="@+id/button_3"
            android:layout_weight="1"
            android:layout_width="0dp"
            android:layout_height="match_parent" />

    </LinearLayout>

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <View
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:layout_centerVertical="true"
            android:background="#f6bd9f" />
        <View
            android:id="@+id/indicate_line"
            android:layout_width="0dp"
            android:layout_height="3.3dp"
            android:background="#F48F5E" />
    </RelativeLayout>

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

然后这其中的两个Fragment钟分别有三个Fragment使用，此时要注意，在主界面的时候ViewPager要限制他的左右滑动，不然的会在子ViewPager滑到最后一个的时候，会滑动MainActivity中的ViewPager.
限制MainActivity中左右滑动的自定义ViewPager如下：

package com.zhjy.fragmentdemo.view;

import android.content.Context;
import android.support.v4.view.ViewPager;
import android.util.AttributeSet;
import android.view.MotionEvent;
/**
 * @author :huangxianfeng on 2016/11/2.
 * 自定义ViewPager限制其左右滑动
 */
public class NonSwipeableViewPager extends ViewPager {

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

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

    @Override
    public boolean onInterceptTouchEvent(MotionEvent event) {
        // Never allow swiping to switch between pages
        return false;
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        // Never allow swiping to switch between pages
        return false;
    }
}

有一些比较简单的布局我就没有贴出来，可以自己随便写点东西。如果有什么好的建议，大家可以留言。

源码下载地址：
http://download.csdn.net/detail/huang3513/9671309

声明

欢迎转载博客，但请保留文章原始出处
作者：定陶黄公子
出处：http://blog.csdn.net/huang3513/article/details/53010147

DT从零到壹
关注
专栏目录
Android解决ViewPager嵌套ViewPager中多层Fragment子ViewPager中加载不出来Fragment
Flutter|Android移动开发
12-13 3813
Android中ViewPager嵌套ViewPager先看代码：这一步处理最重要的是MyPagerAdapter构造方法中不能传入getActivity().getSupportFragmentManager()原因如下： 最近UI重新设计了一个店铺首页的效果，要用到ViewPager嵌套ViewPager才能实现效果，可是在子ViewPager中出现了加载不出来Fragment,由于里面用了多...
ViewPager和Fragment的组合使用
热门推荐
zhang31jian的专栏
06-10 8万+
支持手指滑动切换页面，也支持点击导航按钮切换页面。 页面布局文件： [html] view plaincopy RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"       xmlns:tools="http://schemas.androi
Fragment与ViewPager
weixin_34406061的博客
09-22 74
众所周知，为了实现滑动界面，经常让Fragment与ViewPager一起结合使用，每一个ViewPager的页面就是一个Fragment，我们可以在fragment中实现丰富的功能。它的基本用法可以是下面这样 1、创建一个或者多个你需要的Fragment类，其实就是类似activity一样，也有OnCreate()等回调函数。fragmentsList = new ArrayList&lt...
Fragment和ViewPager
yoyo_1013的博客
10-11 294
Fragment和ViewPagerFragment传值Fragment向Activity传值(接口回调)Fragment向Fragment传值(直接查找id)Fragment向Fragment传值(接口回调)ViewPagerPagerAdapter适配器(自动翻页 )ViewPager与Fragment结合(翻页) Fragment传值 Fragment向Activity传值(接口回调) ma...
多层Fragment嵌套（Fragment+ViewPager）滑动
03-24
当`Fragment`与`ViewPager`结合使用时，可以实现多层嵌套的滑动界面，这对于构建复杂的、动态的应用界面非常有用。以下将详细介绍`Fragment`和`ViewPager`以及如何在实际项目中进行多层嵌套。 `Fragment`是Android ...
Android主页面 多层Fragment嵌套（Fragment+ViewPager）滑动
11-30
通常，ViewPager与FragmentPagerAdapter或FragmentStatePagerAdapter一起使用，来加载和管理Fragment的生命周期，确保在正确的时间加载和显示相应的Fragment。 在多层Fragment嵌套的情况下，第一层Fragment通常直接...
Fragment和Viewpager多层嵌套
08-07
ViewPager与Fragment结合使用时，可以加载和显示多个Fragment，形成一个动态、可滚动的界面。每个页面通常对应一个Fragment实例，这样可以方便地管理和更新界面内容。 在"Fragment和ViewPager多层嵌套"的场景中，...
4-AVI--Fragment与ViewPager结合
张风捷特烈的博客
08-29 124
零、前言 [1].认真看下图Fragment在ViewPager里的默认生命周期(可在浏览器中单独打开网页查看动图，清晰很多) [2].名字数据随机获取见：随机数据生成 [3].ViewPager的默认加载模式见： ViewPager的基本使用 [4].Fragment实现懒加载，ViewPager的实现见： ViewPager的基本使用 大...
fragment与viewPager的结合
景上 的博客
03-03 420
通过fragment与viewPager实现如下的效果（可以手指滑动切换界面，也可以点击按钮切换界面）： 1、创建好项目后，再创建四个继承了Fragment的子类，OneFragment、TwoFragment、ThreeFragment、FourFragment，及其对应的layout布局文件，因代码差不多，这里只给出其中一个： OneFragment 的代码：package com.lu.f
Fragment和Viewpager相结合使用.
用心去专研技术，用代码改变世界__ Mr.Wang
05-20 1006
Fragment和Viewpager相结合使用的作用： ①ViewPager有复用机制，可以把不看的fragment销毁，优化内存。 ② 如果把所有的fragment都展示在页面上，用户体验不佳，相结合体验效果更佳。 思路： ①在布局文件中添加viewpager标签，v4包。 ②创建fragment类和布局文件 ③初始化fragment数据集合，并把数据加入集合 ④创建一个类继承Fra
Fragment与viewpager的简单Demo
qq_44309969的博客
04-15 144
演示 项目结构 layout activity_main.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:orientati
Fragment和ViewPager多层嵌套，容易出现内层fragment某些页面数据丢失
luuzhu的博客
10-16 4398
bug描述： 外层viewpager装若干外层fragment，其中的某个外层fragment又装个内层viewpager，内存viewpager又装若干内存fragment。当外层的fragmnet来回切换时，导致内层的fragment数据丢失，报RecyclerView: No adapter attached; skipping layout异常。 解决办法： 创建viewpager适配器的时
Fragment和ViewPager的介绍和使用
qfliweimin的博客
06-22 487
一、Fragment的介绍 在之前的学习和介绍中，已经介绍过Android中存在的碎片化的问题，并提出了一系列的适配方法和方案。为了解决碎片化的问题，在Android中提出了Fragement的概念，用于灵活适配不同的尺寸屏幕。 Fragment的英文单词的本意即是碎片、碎块、片段的意思，非常吻合Android中的碎片化概念。 具体来说，Fragment是Activity界面中的一部分，可理解为模块化的Activity。 特点 同Activity一样，依然来看一下Fragment有哪些特点： F
常用组件：ViewPager和fragment组合
android开发入门学习
09-21 821
引言 viewpager和fragment是项目中亮相最多的组合，很多场景，例如 项目起始页，新闻首页，商城分类页，订单列表页等等，应用场景广泛，希望大家好好学习 基本用法 xml文件 <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent"...
fragment和viewpager
u010020280的博客
10-10 214
在app首页中我们经常会看到滑动的欢迎界面，和介绍页面，在一个activity或是fragment中实现多图片或多见面，下面我们介绍下fragment和viewpager的实现 看源码 public class CreateCardNewFragment extends BaseFragment { private List mPagers = new ArrayList<>
ViewPager与Fragment结合的简单使用
09-02 4600
使用方法： 1，创建一个ViewPager 2，创建适配器：viewPager.setAdapter(new FragmentPagerAdapter( getSupportFragmentManager()) 3，重写里边的方法   在 getCount() 中返回的是Framgent的个数                                      在 getItem中条
【android】Fragment与ViewPager
最新发布
m0_56047445的博客
05-08 168
组件是指一个独立的、可重用的、具有特定功能的软件模块，可以被其他程序调用和使用。而控件是指在用户界面上显示的、具有特定功能的可交互的元素，例如按钮、文本框、下拉框等。在使用ViewPager时，通常会将多个Fragment或View作为ViewPager的子项，然后通过ViewPager的滑动切换来显示不同的Fragment或View。它可以将多个Fragment或View组合在一起，实现类似于滑动切换页面的效果。Fragment是Android中的一个组件，用于在Activity中管理UI界面的一部分。
Android中Fragment和ViewPager的结合使用详解
Android 中 Fragment 和 ViewPager 的结合使用 Android 中 Fragment 和 ViewPager 都是非常重要的组件，前者可以实现界面上的局部更新，而后者可以实现屏幕页面的切换和页面轮播效果。那么，如果将他们两结合起来，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

DT从零到壹

您的鼓励是我创作最大的动力！

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

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

打赏作者

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

抵扣说明：

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

余额充值