ViewPager和Fragment的嵌套使用

最新推荐文章于 2021-12-17 11:52:08 发布
最新推荐文章于 2021-12-17 11:52:08 发布
阅读量3.5k 收藏 3
点赞数 2
分类专栏： Android-需求 文章标签： viewpager Fragment
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tongzhengtong/article/details/51747053
版权

老规矩先贴效果图,最后给Demo的ZIP提供下载

*第一站效果图
这里写图片描述

*滑动到第三种的效果图

这里写图片描述

第一步:适配器的创建(就是viewpager的adapter)

分析:1,这里有三个函数，根据第一部分的官方文档，可知，对于FragmentPagerAdapter的派生类，只重写getItem(int)和getCount()就可以了。2,对于构造函数,这里必须传入一个Fragment的List集合对象,用于保存滑动的Fragment对象,并且初始化了它

对于构造函数，这里申请了一个Fragment的List对象，用于保存用于滑动的Fragment对象，并在创造函数中初始化：

package adapter;

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

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

/**
 * Created by lovelin on 2016/6/23.
 */
public class FragAdapter extends FragmentPagerAdapter {
    private List<Fragment> fragmentList;

    /**
     * 构造函数中就把 管理Fragment的List集合传入进来
     * 在这里必须实现只重写getItem(int)和getCount()
     * @param fragmentManager
     * @param fragmentList
     */
    public FragAdapter(FragmentManager fragmentManager, ArrayList<Fragment> fragmentList) {
        super(fragmentManager);
        this.fragmentList = fragmentList;
    }
    @Override
    public Fragment getItem(int position) {
        return fragmentList.get(position);
    }

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

第二步:Fragment类的创建(就是viewpager滑动时的界面)

*这里根据需求,来显示你的viewpager滑动时候时,一共需要显示的界面(几个界面就有几个fragment,并且每个Fragment都可以做相对应逻辑需求的处理我这里没有做实例,只是单纯的给了颜色区分不同界面),我这里的Deom就只有四个,

*第一个Fargment01的XML

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

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="我是第一个Fragment"
        android:textColor="#000"
        android:textSize="19sp" />

</RelativeLayout>

*第一个Fragment01的Java代码

package fragment;

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

import com.tzt.viewpagerfragment.R;

/**
 * Created by lovelin on 2016/6/23.
 */
public class Fragment01 extends Fragment {
    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View view = View.inflate(getActivity(), R.layout.fragment_01, null);
        return view;
    }
}

*第二个fargment的xml
*略
*第二个fargment的java代码

================其他几个fragment的xml和代码省略了因为和第一个一样============

第三步:ManiAcivity的操作(主activity的处理,重点哦)

在这里,ViewPager的滑动带动红点的动态移动(这个在很多地方都是用的到,比如新手引导界面,一半的viewpager动画的联动实现等等)

看图 下面由我的Demo代码 里面有非常详细的注释我就不在这里叽叽歪歪了哦

这里写图片描述


*XML文件

Activity的Java代码

package com.tzt.viewpagerfragment;

import android.annotation.TargetApi;
import android.os.Build;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.os.Bundle;
import android.support.v4.view.ViewPager;
import android.util.Log;
import android.view.ViewGroup;
import android.view.ViewTreeObserver;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.RelativeLayout;

import java.util.ArrayList;

import adapter.FragAdapter;
import fragment.Fragment01;
import fragment.Fragment02;
import fragment.Fragment03;
import fragment.Fragment04;

public class MainActivity extends FragmentActivity {

    private ViewPager viewPager;
    private ArrayList<Fragment> fragmentList;
    private FragAdapter fragAdapter;
    private ImageView iv_red_piont;
    private LinearLayout ll_container;
    private int pointMoveDistance;


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

    }

    private void initView() {
        viewPager = (ViewPager) findViewById(R.id.viewPager);
        //红点的线性布局  (父)
        ll_container = (LinearLayout) findViewById(R.id.ll_container);
        //红点
        iv_red_piont = (ImageView) findViewById(R.id.iv_red_piont);


    }

    private void initData() {
        //存Frangment的list
        fragmentList = new ArrayList<Fragment>();
        Fragment01 fragment01 = new Fragment01();
        Fragment02 fragment02 = new Fragment02();
        Fragment03 fragment03 = new Fragment03();
        Fragment04 fragment04 = new Fragment04();
        fragmentList.add(fragment01);
        fragmentList.add(fragment02);
        fragmentList.add(fragment03);
        fragmentList.add(fragment04);

        fragAdapter = new FragAdapter(getSupportFragmentManager(), fragmentList);
        viewPager.setAdapter(fragAdapter);
        initPointData();
        //viewager 滑动时候远点的动画
        initViewPager();
    }

    private void initPointData() {
        for (int i = 0; i < fragmentList.size(); i++) {
            //初始化小圆点
            ImageView point = new ImageView(this);
            point.setBackgroundResource(R.drawable.shape_point_gray);
            //获取父布局参数,在初始化参数
            LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT);

            if (i > 0) {
                layoutParams.leftMargin = 10;
            }
            point.setLayoutParams(layoutParams);
            ll_container.addView(point);
        }
    }

    private void initViewPager() {
        viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            /**
             *当页面滑动的过程中调用的方法
             * positionOffset,移动偏移的百分比
             * position当前的位置
             * positionOffsetPixels  具体移动了多少像素
             */
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
                //更新小红点的距离
                int leftMargin = (int)(pointMoveDistance* positionOffset)+position*pointMoveDistance;
                //计算小红点当前左边的距离
                //先拿到小红点爹的布局参数
                RelativeLayout.LayoutParams parmas = (RelativeLayout.LayoutParams) iv_red_piont.getLayoutParams();
                //再更新他的leftmargin实现移动
                parmas.leftMargin = leftMargin;
                //最后再给子view设置参数
                iv_red_piont.setLayoutParams(parmas);

            }

            @Override
            public void onPageSelected(int position) {

            }

            @Override
            public void onPageScrollStateChanged(int state) {

            }
        });
        //xml的监听
        iv_red_piont.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
            @TargetApi(Build.VERSION_CODES.JELLY_BEAN)
            @Override
            public void onGlobalLayout() {
                iv_red_piont.getViewTreeObserver().removeOnGlobalLayoutListener(this);
                //获取到两个fragment移动时,两个点需要移动的距离
                pointMoveDistance = ll_container.getChildAt(1).getLeft() - ll_container.getChildAt(0).getLeft();
            }
        });


    }

}

第四步:可能出现的问题

*问题：在MainActivity中，当写到这句：fragments.add(new Fragment1()); 向Fragment列表中添加Fragement对象实例时，会提示“无法将Fragment1()转换为fragment”

*解决办法 ：这是因为导入包不一致，一般的问题在于：在Fragment1中导入的是android.app.Fragment， 而在这里导入类确是：android.support.v4.app.Fragment,包不同当然无法转换，统一导入为android.support.v4.app.Fragment之后就正常了.参考文章《android之cannot convert from Fragment1 to Fragment》

Demo链接http://download.csdn.net/detail/tongzhengtong/9557948

童政通
关注
专栏目录
ViewPager的用法(3)——ViewPager嵌套Fragment
阿方的博客
03-14 4053
1、ViewPager嵌套Fragment的重点 (1)Activity继承了V4包下的FragmentActivity (2)数据源中的List   变成了List              初始化数据源的时候需要将数据使用fragment.setArguments(bundle)传入fragment中 (3)V4包下在Activity中获取FragmentManager时需要使用
在菜单中Fragment中嵌套viewpager
一漫的专栏
03-06 446
在之前项目有这需求，在网上找了教程，菜鸟我就直接代码搬来了（抱歉忘记原作者） 照例先看效果： 就只贴继承Fragment时用viewpage代码，具体请点击打开链接（原作者） public class HomeFragment extends Fragment{ Resources resources; private ViewPager mPager;
ViewPager嵌套fragment简单使用
yanglei0917的博客
03-31 3072
最近在公司没有什么新的开发任务，就复习一下以前的知识，Android大多数应用都是ViewPager+fragment实现主页面的框架结构，今天就简单的介绍一下ViewPager和fragment的简单使用。 首先看一下activity的布局： <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://s
Fragment嵌套（Viewpager+Fragment）
12-22
运用了Fragment(碎片)+Viewpager,实现了Fragment切换以及Fragment嵌套Fragment
【Android笔记】ViewPager嵌套fragment
xiaokangss的博客
12-10 646
ViewPager嵌套Fragment 新建4个Fragment； 新建ViewPagerAdapter继承FragmentPagerAdapter; public class ViewpagerAdapter extends FragmentPagerAdapter { private ArrayList<Fragment> arrayList; public ViewpagerAdapter(@NonNull FragmentManager fm,ArrayLis
fragment嵌套viewpager嵌套fragment二次不显示内容解决demo
05-24
这几天做项目遇到一个问题，就是有这么一个页面是activity嵌套一个fragment1然后fragment1里放了一个viewpager，viewpager里放了几个fragment，本来只有这么一个页面，显示出来也没什么问题，现在加新需求，要求点击viewpager里的一个fragment里的按钮跳转到另一个fragment，新fragment按返回按钮返回盛放viewpager的fragment，这时就出现了viewpager里的fragment二次显示的时候数据没了
Android： ViewPager+Fragment嵌套的优化
Crystal_xing的专栏
12-17 840
参考如下博客做一个总结：Android开发-ViewPager嵌套Fragment卡顿解决Viewpager滑动重复加载Fragment延迟加载_Mango先生的博客-CSDN博客_android viewpager滑动卡顿 首先要明确的是两个基本概念： getFragmentManager() 所得到的是所在fragment 的父容器的管理器。 getChildFragmentManager() 所得到的是在fragment里面子容器的管理器。 getFragmentManager..
scrollview嵌套viewpager嵌套fragment嵌套recyclerview
秦时明月
06-22 1万+
scrollview嵌套viewpager嵌套fragment嵌套recyclerview 效果图： 问题1： scrollview嵌套viewpager，viewpager不显示的问题 解决方法：给scrollview加上android:fillViewport=”true”属性 问题2： viewpager只显示一个屏幕的数据,scrollview没法继续滑动。 解决...
viewpager嵌套fragment 再嵌套
08-17
对于多层次的嵌套，比如`ViewPager`嵌套`Fragment`，`Fragment`再嵌套`ViewPager`，我们需要确保每一层的`ViewPager`都有自己的数据源和适配器。在`Fragment`的`ViewPager`中，我们可以创建一个新的`...
ViewPager+Fragment，Fragment嵌套Fragment实现页面活动
06-04
下面将详细讲解如何使用`ViewPager`和`Fragment`以及如何实现`Fragment`嵌套`Fragment`。 1. `ViewPager`基本使用： - 创建适配器：`ViewPager`需要一个实现了`PagerAdapter`接口的类来提供页面。通常我们会使用`...
对viewPager嵌套Fragment的使用
08-31
1.实现Pragment 简单切换 2.viewpager 内 Fragment 滑动 3.title 是拿Fragment 写的，但是其实是没意义的，现在都用CoolBar
Fragment嵌套ViewPager
08-27
Fragment嵌套ViewPager,实现底部菜单导航，加上嵌套ViewPager实现Fragment嵌套多个Fragment效果
ScrollView+TabLayout+ViewPager+RecyclerView 嵌套实现布局
03-28
手动实现仿京东发现页面效果，使用布局嵌套完成，包括ScrollView+TabLayout+ViewPager+RecyclerView，最后有遗留问题需要处理。详情见博客https://blog.csdn.net/hq942845204/article/details/88844272
Android Fragment嵌套ViewPager，ViewPager嵌套多个Fragment
热门推荐
前端梦工厂
03-27 1万+
前几天，项目中要实现这么一个功能。就配置了下。其实很简单，首先 需要阅读下我转载的前两篇文章，都是转载的郭神的，写的非常好。我的项目中逢者必用，其实就相当于一个很好的框架来使用，非常方便。 前两篇的项目地址Android Fragment应用实战，使用碎片向ActivityGroup说再见和Android ActionBar应用实战，高仿微信主界面的设计，认真阅读，你会感觉到受益颇深。（当然
Fragment和ViewPager嵌套使用
龙杰的博客
04-13 269
MainActivity代码：public class MainActivity extends FragmentActivity implements OnClickListener, OnPageChangeListener{ private List<Fragment> list=new ArrayList<Fragment>(); private FragmentManage
Android 简单易懂的ViewPager嵌套Fragment展示页面滑动效果
______夏日飞雨
06-13 453
可以说这个控件在现在的app当中经常用到，简单实用，就是fragment与viewpager结合，很简单，具体的都不介绍了。MainActivitypackage com.example.fragment_demo;import java.util.ArrayList;import java.util.List;import android.app.Activity;import android....
Viewpager嵌套fragment问题
qq_34736014的博客
01-23 172
在Viewpager中嵌套fragment，fragment显示不全，这和viewpager的回收机制有关， mViewPager.setOffscreenPageLimit(6);这个属性可以最大的支持tab的个数，使其不回收 还有一个问题，继承同一个懒加载会因为是同一个的原因，标签会改变，所以也会出现问题
Android ViewPager嵌套ViewPager+Fragment问题
仰望星空
04-10 6555
最近在项目中又遇到了ViewPager互相嵌套的问题，代码实现很简单，主要可能出现的问题是子ViewPager的fragment滑动出现白屏，这个问题的出现是FragmentManager方法调用错误，android中涉及到FragmentManager的方法主要有：getChildFragmentManager()、getFragmentManager()和getSupportFragmentM...
ViewPager嵌套Fragment再嵌套ViewPager嵌套Fragment
JustalGong的博客
10-26 353
这个问题，说难不难，说简单不简单，我入坑一天。 上面就是我遇到的问题，APP才启动时，是没有问题的，如果再次进入第四个界面，就出现这个问题了。今天终于通过某娘找到了原因所在，就是一句话。 /** 在Fragment中嵌套Fragment,获取FragmentManager*/ mFragmentManager = getChildFragmentManager(); /** 在Ac
viewpager+fragment嵌套不显示
最新发布
05-20
如果您在使用ViewPager和Fragment嵌套时出现了无法显示的问题，可以尝试以下几个步骤： 1. 确认Fragment已经被正确添加到ViewPager中。可以在Fragment的onCreateView方法中添加一些测试代码，例如显示一个Toast，来...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值