Question

我有一个带有2个标签（页面）的viewpager。两个选项卡都包含带有多个项目（行）的列表视图。我希望当我在选项卡之间滚动时，两个选项卡中的列表视图将被同步（显示相同的行）。

e.g。我在第一个选项卡中，当前显示我的列表视图的第10-15行，当我滚动到第二个选项卡时，我想再次显示第二个选项卡中列表视图的第10-15行中的项目。

这可能吗？我在viewpager中找不到任何属性来帮助我。如何以编程方式实现此效果？

Answer 1

问题解决了。如果其他人需要这种效果，我就是这样做的：

public class myViewPager extends Fragment implements OnPageChangeListener {
    ...         
    ViewPager viewPager;

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

        //init viewPager
        ...
        ...

        viewPager.setOnPageChangeListener(this);
        return view;
    }

    @Override
    public void onPageSelected(int position) {
        // get the 2 page(tabs) fragments (I am using FragmentStatePagerAdapter) [*1]
        MyFragmentPagerAdapter a = (MyFragmentPagerAdapter) viewPager.getAdapter();     
        MyFragment selectedFrag = (MyFragment) a.instantiateItem(viewPager, position);      
        MyFragment previousFrag = (MyFragment) a.instantiateItem(viewPager, (position == 0) ? 1 : 0);

        // get 1st visible item position index & item offset value from top  [**2]
        int index = previousFrag.listView.getFirstVisiblePosition();
        View view = previousFrag.listView.getChildAt(0);
        int top = (view == null) ? 0 : view.getTop();
        //set the listView to the synchronized position
        selectedFrag.listView.setSelectionFromTop(index, top);
    }

    ...

    private class MyFragmentPagerAdapter extends FragmentStatePagerAdapter {
        public MyFragmentPagerAdapter(FragmentManager fm) {
            super(fm);
        }

        @Override
        public Fragment getItem(int position) {
            Bundle args = new Bundle();
            args.putInt("position", position);
            return Fragment.instantiate(getActivity(), MyFragment.class.getName(), args);
        }
        ...
        ...
    }

    public static class MyFragment extends Fragment {
        ...

        private ListView listView;

        ...
        // CreateView ...
        // init listview ...
        // do other stuff ...
        ...
    }

}

viewpager在选项卡中具有同步列表视图

1 个答案: