删除/添加页面到ViewPager

时间:2013-08-06 15:38:26

标签: android android-viewpager fragmentpageradapter

我试图制作一个基本上是由3个垂直滚动列表组成的片段的布局。单击列表中的项目将使用适当的数据将列表填充到其右侧,依此类推。单击最右侧列表中的项目时,将引入新片段。因此,我想要实现的是在单击最终项目时添加第二个片段的方法,并且具有向右滑动将返回到第一个片段并删除第二个片段的功能。似乎使用带有自定义FragmentPagerAdapter的ViewPager是可行的方法,但我并不确定如何实现适配器以适应我的特定功能。

我也在看这篇文章中接受的答案:dynamically add and remove view to viewpager。 它似乎接近我想要的,但我不太确定,我也不确定如何将其适应FragmentPagerAdapter,特别是如何实现getItem()。

任何帮助都将不胜感激。

1 个答案:

答案 0 :(得分:0)

如果有人有兴趣,我相信我找到了解决问题的充分办法。

我创建了FragmentPagerAdapter,以便正常初始化第一页,但第二页只是一个稍后将初始化片段的容器。

public static class ContractDetailsPagerAdapter extends FragmentPagerAdapter {
int numFrags = 2;

    public ContractDetailsPagerAdapter(FragmentManager fm) {
        super(fm);
    }

    @Override
    public Fragment getItem(int position) {

        Fragment fragment = null;
        String argObject = null;

        switch (position) {
        case 0:
            fragment = new SectionsFragment();
            argObject = SectionsFragment.ARG_OBJECT;
            break;
        case 1:
            fragment = new DetailsFragmentContainer();
            argObject = DetailsFragmentContainer.ARG_OBJECT;
            break;
        default:
            Log.e("ContractDetailsPagerAdapter", "called getItem outofbounds");
            return null;
        }

        Bundle bundle = new Bundle();
        bundle.putInt(argObject, position+1);
        fragment.setArguments(bundle);
        return fragment;
    }

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

在FragmentPagerAdapter中,SectionsFragment是第一个包含3个ListViews的片段,而DetailsFragmentContainer只是一个稍后将初始化DetailsFragment的容器。

public class DetailsFragmentContainer extends Fragment {

public static final String ARG_OBJECT = "details_fragment_container";

Bundle ids;

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
        Bundle savedInstanceState) {

    ids = getArguments();
    View v = inflater.inflate(R.layout.fragments_container, container, false);
    return v;
}

public void createDetailsFragment(int parentItemId) {
    Fragment fragment = new DetailsFragment();
    ids.putInt(Columns.COLUMN_PARENTITEMID, parentItemId);
    fragment.setArguments(ids);
    getChildFragmentManager().beginTransaction().add(R.id.fragments_frame, fragment).commit();
}

}

和容器的XML布局:

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/fragments_frame"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

</FrameLayout>

当从SectionsFragment点击第3列中的项目时,我需要获得parentitemid。

然后,使用How do disable paging by swiping with finger in ViewPager but still be able to swipe programmatically?中接受的答案,我稍微调整了一下,以便可以设置刷卡的能力。

public class SetSwipeableViewPager extends ViewPager {

boolean canSwipe = false;

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

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

@Override
public boolean onInterceptTouchEvent(MotionEvent event) {
    if (!canSwipe) {
        return false;
    }

    return super.onInterceptTouchEvent(event);
}

@Override
public boolean onTouchEvent(MotionEvent event) {
    if (!canSwipe) {
        return false;
    }

    return super.onTouchEvent(event);
}

public void canSwipe(boolean swipeable) {
    canSwipe = swipeable;
}
}

有了这个,我们可以在第一页时设置向右滑动的功能,并在我们离开时启用它。

首先,我们设置一个监听器来检查我们何时选择第一页并禁用滑动。

mViewPager.setOnPageChangeListener(new ViewPager.SimpleOnPageChangeListener() {
                @Override
                public void onPageSelected(int position) {
                    if (position == 0)
                        mViewPager.canSwipe(false);
                }
            });

当我们在第三个列表中选择一个项目时,我们创建DetailsFragment并将其放在DetailsFragmentContainer中,将当前项目设置为1,以便viewpager将显示第二个页面,然后重新启用以进行滑动。

public void OnSection3Selected(long id) {
    int parentItemId = ContractDetailsActivity.getItemId(id, getActivity());

    ...

    ((DetailsFragmentContainer) fragment).createDetailsFragment(parentItemId);
    mViewPager.setCurrentItem(1);
    mViewPager.canSwipe(true);
}

我希望这对某人有帮助!