开发者社区> 开开心心过> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

Android(ViewPager中的ViewPager)ViewPager FragmentPagerAdapter嵌套子ViewPager FragmentPagerAdapter页面不能正常显示

简介:  Android(ViewPager中的ViewPager)ViewPager FragmentPagerAdapter嵌套子ViewPager FragmentPagerAdapter页面不能正常显示问题 Android的ViewPager如果只使用一“层” FragmentPagerAdapter构建ViewPager,那么将不会导致本文题目中所说的问题,当ViewPager再次嵌套一个ViewPager时候,如果细节地方使用不当将导致页面不能正常显示问题。
+关注继续查看


Android(ViewPager中的ViewPager)ViewPager FragmentPagerAdapter嵌套子ViewPager FragmentPagerAdapter页面不能正常显示问题


Android的ViewPager如果只使用一“层” FragmentPagerAdapter构建ViewPager,那么将不会导致本文题目中所说的问题,当ViewPager再次嵌套一个ViewPager时候,如果细节地方使用不当将导致页面不能正常显示问题。

比如,如图所示:


这是一个典型的ViewPager嵌套ViewPager的框架布局。底部0,1,2,3是一个SlidingTabLayout,SlidingTabLayout,SlidingTabLayout上面是一个ViewPager,其布局文件代码:

<RelativeLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical" >

        <android.support.v4.view.ViewPager
            android:id="@+id/viewPager"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_above="@+id/slidingTabLayout" />

        <zhangphil.viewpagerdebug.SlidingTabLayout
            android:id="@+id/slidingTabLayout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"/>
            
</RelativeLayout>


Java代码:

package zhangphil.viewpagerdebug;

import java.util.ArrayList;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.ViewPager;


public class MainActivity extends FragmentActivity {

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);

		setContentView(R.layout.activity_main);

		MyViewPagerAdapter adapter = new MyViewPagerAdapter(this.getSupportFragmentManager());
		ViewPager viewPager = (ViewPager) findViewById(R.id.viewPager);
		viewPager.setAdapter(adapter);

		SlidingTabLayout mSlidingTabLayout = (SlidingTabLayout) findViewById(R.id.slidingTabLayout);
		mSlidingTabLayout.setViewPager(viewPager);
	}

	private class MyViewPagerAdapter extends FragmentPagerAdapter {

		private ArrayList<Fragment> fragments;

		public MyViewPagerAdapter(FragmentManager fm) {
			super(fm);
			fragments = new ArrayList<Fragment>();
			for (int i = 0; i < 4; i++) {
				PageFragment f=new PageFragment();
				fragments.add(f);
			}
		}

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

		@Override
		public Fragment getItem(int pos) {
			return fragments.get(pos);
		}

		@Override
		public CharSequence getPageTitle(int pos) {
			return "" + pos;
		}
	}
}


将ViewPager与SlidingTabLayout联结起来。在此ViewPager中的MyViewPagerAdapter中喂给每一个ViewPager的子page又一个ViewPager——也是如果使用不当将引起问题的PageFragment:

package zhangphil.viewpagerdebug;

import java.util.ArrayList;

import android.os.Bundle;
import android.support.design.widget.TabLayout;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.ViewPager;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;


public class PageFragment extends Fragment {

	@Override
	public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
		return inflater.inflate(R.layout.pagefragment, container, false);
	}

	@Override
	public void onViewCreated(View view, Bundle savedInstanceState) {
		super.onViewCreated(view, savedInstanceState);

		TabLayout tabLayout = (TabLayout) view.findViewById(R.id.tabLayout);
		tabLayout.setSmoothScrollingEnabled(true);

		MyViewPagerAdapter pagerAdapter = new MyViewPagerAdapter(this.getChildFragmentManager());
		ViewPager viewPager = (ViewPager) view.findViewById(R.id.viewpager);
		viewPager.setAdapter(pagerAdapter);
		
		tabLayout.setupWithViewPager(viewPager);
	}

	private class MyViewPagerAdapter extends FragmentPagerAdapter {

		private ArrayList<Fragment> fragments;
		
		public MyViewPagerAdapter(FragmentManager fm) {
			super(fm);
			fragments = new ArrayList<Fragment>();
			for (int i = 0; i < 5; i++) {
				Fragment f=new ContentFragment();
				fragments.add(f);
			}
		}

		@Override
		public String getPageTitle(int pos) {
			return "卡" + pos;
		}

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

		@Override
		public Fragment getItem(int pos) {
			return	fragments.get(pos);
		}
	}
}


PageFragment的布局:

<?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" 
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <android.support.design.widget.TabLayout
        android:id="@+id/tabLayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        app:tabGravity="fill"
        app:tabMode="fixed" >
    </android.support.design.widget.TabLayout>

     <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/tabLayout"
        android:layout_alignParentBottom="true" />
    
</RelativeLayout>

PageFragment就是图中顶部的卡0,卡1,卡2,卡3,卡4分别显示的每一个page。ContentFragment只是一个继承自ListFragment的、仅仅显示一行数据的演示Fragment。
PageFragment作为第二层、第二级ViewPager(ViewPager中的ViewPager)在PageFragment中创建此PageFragment的FragmentPagerAdapter时候,切记要传递给FragmentPagerAdapter的构造函数参数FragmentManager为:getChildFragmentManager() 而不是像父ViewPager中
那样直接随意的直接getFragmentManager()。如果PageFragment直接仍然用getFragmentManager()构造其FragmentPagerAdapter,将导致第二层、第二级的ViewPager不能正常显示。切记切记!

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
Android项目实战(四):ViewPager切换动画(3.0版本以上有效果)
原文:Android项目实战(四):ViewPager切换动画(3.0版本以上有效果) 学习内容来自“慕课网” 一般APP进去之后都会有几张图片来导航,这里就学习怎么在这张图片切换的时候添加切换动画效果 先看布局文件 activity_main.
798 0
Android项目实战(四):ViewPager切换动画(3.0版本以上有效果)
学习内容来自“慕课网” 一般APP进去之后都会有几张图片来导航,这里就学习怎么在这张图片切换的时候添加切换动画效果 先看布局文件 activity_main.layout  然后是java文件 mainactivity.
1115 0
Android开发之浮动Activity
场景 在使用App时,曾经看到这样一个场景,如下图所示,点击顶部菜单按钮,有一个类似的对话框的列表显示出来,让用户选择其中的一个快递选项,然后选中的快递信息就会填充到底部的Activity中。
674 0
AJAX Control Toolkit tabs 的纯Javascript演示
本文纯为大家好好学习Ajax Controltoolkit而写,有不到之处希望大家提出,以免遗祸 众人 标签零 标签一 标签二 标签三 1 11 111 ...
588 0
682
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载