如何在Fragment中设置ViewPager

问题描述 投票:0回答:7

我需要将 ViewPager 放置在片段内,但我有两个片段,片段 1 是我的菜单,片段 2 我想用作 ViewPagerIndicator。

但是一个片段不能有另一个片段...我需要为此做什么?

enter image description here

android android-fragments android-viewpager android-nested-fragment
7个回答
106
投票

从 Android 4.2 开始,出现了嵌套片段。http://developer.android.com/about/versions/android-4.2.html#NestedFragments支持库现在还包括对旧版 Android 版本的支持。

所以你可以这样做:

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

    ViewPager mViewPager = (ViewPager) view.findViewById(R.id.viewPager);
    mViewPager.setAdapter(new MyAdapter(getChildFragmentManager()));
    }

此处提供完整实现:https://github.com/marcoRS/nested-fragments/tree/master/src/com/burnside/digital/nestedfragments


38
投票

您必须使用

getChildFragmentManager()
而不是
getSupportFragmentManager()
才能将
FragmentManger
放入片段中。 但您不应该使用
FragmentStatePagerAdapter
而不是
FragmentPagerAdapter


18
投票

只需在 Fragments 中使用 getChildFragmentManager() 而不是 getSupportFragmentManager()

内部碎片

new ViewPagerAdapter(getChildFragmentManager());

内部活动

new ViewPagerAdapter(getSupportFragmentManager());

简单代码

fragment_sample.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/tablayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

    <androidx.viewpager.widget.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1" />

</LinearLayout>

SampleFragment.java
班级

public class SampleFragment extends Fragment {
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View fragmentView = inflater.inflate(R.layout.fragment_sample, container, false);
        return fragmentView;
    }

    @Override
    public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
        super.onViewCreated(view, savedInstanceState);
        // find views by id
        ViewPager viewPager = view.findViewById(R.id.viewpager);
        TabLayout tabLayout = view.findViewById(R.id.tablayout);

        // attach tablayout with viewpager
        tabLayout.setupWithViewPager(viewPager);

        ViewPagerAdapter adapter = new ViewPagerAdapter(getChildFragmentManager());

        // add your fragments
        adapter.addFrag(new SampleFragment(), "Tab1");
        adapter.addFrag(new SampleFragment2(), "Tab2");
        adapter.addFrag(new SampleFragment3(), "Tab3");

        // set adapter on viewpager
        viewPager.setAdapter(adapter);
    }
}

ViewPagerAdapter.java
班级

// common adapter for all view pager in your project.
public class ViewPagerAdapter extends FragmentStatePagerAdapter {
    private final List<Fragment> mFragmentList = new ArrayList<>();
    private final List<String> mFragmentTitleList = new ArrayList<>();

    public ViewPagerAdapter(FragmentManager manager) {
        super(manager);
    }

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

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

    @Override
    public CharSequence getPageTitle(int position) {
        return mFragmentTitleList.get(position);
    }

    public void addFrag(Fragment fragment) {
        mFragmentList.add(fragment);
        mFragmentTitleList.add("");
    }

    public void addFrag(Fragment fragment, String title) {
        mFragmentList.add(fragment);
        mFragmentTitleList.add(title);
    }
}

重要相关链接


4
投票

这是可能的。尝试执行此代码 view_pager_fragment.xml 文件

<android.support.design.widget.AppBarLayout
    android:id="@+id/appBarLayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

    <android.support.design.widget.TabLayout
        android:id="@+id/tab"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

</android.support.design.widget.AppBarLayout>

<android.support.v4.view.ViewPager
    android:id="@+id/viewpager"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior" />

ViewPagerFragment

ViewPager viewPager;
TabLayout tabLayout;

@Nullable
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
    View view = inflater.inflate(R.layout.tracks, container, false);

    viewPager = (ViewPager) view.findViewById(R.id.viewpager);
    tabLayout = (TabLayout) view.findViewById(R.id.tab);

    return view;
}

@Override
public void onActivityCreated(@Nullable Bundle savedInstanceState) {
    super.onActivityCreated(savedInstanceState);

    setupViewPager(viewPager);
    tabLayout.setupWithViewPager(viewPager);

    tabLayout.setOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
        @Override
        public void onTabSelected(TabLayout.Tab tab) {

        }

        @Override
        public void onTabUnselected(TabLayout.Tab tab) {

        }

        @Override
        public void onTabReselected(TabLayout.Tab tab) {

        }
    });
}

private void setupViewPager(ViewPager viewPager) {
    ViewPagerAdapter viewPagerAdapter = new ViewPagerAdapter(getChildFragmentManager());``

  

    viewPager.setAdapter(viewPagerAdapter);
}

private class ViewPagerAdapter extends FragmentPagerAdapter {

    public ViewPagerAdapter(FragmentManager fragmentManager) {
        super(fragmentManager);
    }

    @Override
    public Fragment getItem(int position) {
        if(position == 0) return new FirstFragment();
        if(position == 1) return new SecoundFragment();
        if(position == 2) return new LoginFragment();
        throw new IllegalStateException("Position is unexpectedly " + position);
    }

    @Override
    public int getCount() {
        return 3;
    }

    @Override
    public CharSequence getPageTitle(int position) {
        if(position == 0) return "First";
        if(position == 1) return "Secound";
        if(position == 2) return "Login";
        throw new IllegalStateException("Position is unexpectedly " + position);
    }
}

0
投票

使用 Android Support V4 库,您可以在另一个片段中添加一个片段。尝试使用它,也许可以解决您的问题。


0
投票

阅读一些示例后,您不能在fragmentActivity 中包含FragmentActivity。 不需要有两个片段,这需要是一个 FragmentPageAdapter...我只需要这样做。

<android.support.v4.view.ViewPager
        android:id="@+id/pager"
        android:layout_width="match_parent"
        android:layout_height="0px"
        android:layout_weight="1" >
</android.support.v4.view.ViewPager>

<LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="0"
        android:gravity="center"
        android:measureWithLargestChild="true"
        android:orientation="horizontal" >

<Button
            android:id="@+id/first"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="First" >
        </Button>

<Button
            android:id="@+id/last"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Last" >
</Button>
</LinearLayout>

来源: http://www.truiton.com/2013/05/android-fragmentpageradapter-example/


0
投票

我在 Fragment 中使用 ViewPager2 并发现它工作正常:

public class MyViewPagerAdapter extends FragmentStateAdapter {

public MyViewPagerAdapter (@NonNull FragmentActivity fragmentActivity) {
    super(fragmentActivity);
}

@NonNull
@Override
public Fragment createFragment(int position) {
    switch (position){
        case 0:
            return new Fragment1();
        case 1:
            return new Fragment2();
        default:
            return new Fragment1();
    }
}

@Override
public int getItemCount() {
    return 2;
}

}

并创建:

MyViewPagerAdapter myViewPagerAdapter = new MyViewPagerAdapter ((FragmentActivity) context);
    viewPager.setAdapter(myViewPagerAdapter);
    viewPager.setUserInputEnabled(true);
© www.soinside.com 2019 - 2024. All rights reserved.