如何创建圆形ViewPager？

Question

如何创建圆形ViewPager？

15

可能是重复问题：
ViewPager作为循环队列/包装

我的代码中有三个片段类：FirstActivity、SecondActivity、ThirdActivity，我想要滑动这三个活动...这三个类都继承自Fragment类。

public class ViewPagerFragmentActivity extends FragmentActivity {
private PagerAdapter mPagerAdapter;

@Override
protected void onCreate(Bundle savedInstanceState) {
    requestWindowFeature(Window.FEATURE_NO_TITLE);
    super.onCreate(savedInstanceState);
    super.setContentView(R.layout.viewpager_layout);
    initialisePaging();
    }

/**
 * Initialize the fragments to be paged
 */
List<Fragment> fragments = new Vector<Fragment>();
ViewPager pager;
private void initialisePaging() {
    fragments.add(Fragment.instantiate(this, FirstActivity.class.getName()));
    fragments.add(Fragment.instantiate(this, SecondActivity.class.getName()));
    fragments.add(Fragment.instantiate(this, ThirdActivity.class.getName()));
    this.mPagerAdapter = new MyPagerAdapter(super.getSupportFragmentManager(), fragments);
    pager = (ViewPager) super.findViewById(R.id.viewpager);
    pager.setAdapter(this.mPagerAdapter);

}

}

这是我的FragmentPageAdapter类

public class MyPagerAdapter extends FragmentPagerAdapter {

private final List<Fragment> fragments;


public MyPagerAdapter(FragmentManager fm, List<Fragment> fragments) {
    super(fm);
    this.fragments = fragments;
}


@Override
public Fragment getItem(int position) {
    System.out.println("position"+position);
    return this.fragments.get(position);
}


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

}

我的代码现在是这样工作的：A<->B<->c，但我的要求是按照这样的方式运行：C<->A<->B<->C<-A->，也就是在循环中可以切换...

- Venkat

示例Gist：https://gist.github.com/gelldur/051394d10f6f98e2c13d，以及它的工作原理：https://youtu.be/7up36ylTzXk - Gelldur

2个回答

14

您可以尝试以下方法：

1) 让 getCount() 返回一个非常大的值（比用户可能使用的滑动次数要高得多）。

2) 让 getItem 返回这样的内容：fragments.get(position % fragments.size())。

3) 让您的页面从 getCount() 定义的范围中间的某个位置开始（以允许在开始时从A到C滑动），请确保选择一个值使您的第一个片段 % 3。

我知道这种解决方案看起来有点不太好，但目前我找不到更好的解决方案。

- Furzel

我无法理解第三点，请您清楚地解释一下 @Furzel

- Venkat

假设您选择了大小为10000，您希望您的ViewPager从位置5001开始，因为5001％3 = 0，第一个片段将是A，您的用户将能够向后滑动5000个视图或向前滑动5000个视图。 - Furzel

这是最简单和最快的解决方案，适用于99%的使用情况。 - shem

2

如果您将ViewPagerIndicator与ViewPager一起使用，则无法正常工作。指示器尝试为所有getCount()页面填充标题视图，这很快会导致OutOfMemory错误。 - Alex Semeniuk

2

如果你这样做并调用pager.setCurrentItem，你也会被锁定，因为它试图计算viewpager的宽度，而且它会变得巨大，所以需要很长时间:-P - kenyee

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Zombie · Accepted Answer

可以使用循环的ViewPager。通过ViewPager as a circular queue / wrapping这个链接，可以编写如下代码。希望能够帮助您所需的内容。

CircluarPagerAdapter类：

>

 public class CircularPagerAdapter extends PagerAdapter{

private int[] pageIDsArray;
private int count;

public CircularPagerAdapter(final ViewPager pager, int... pageIDs) {
    super();
    int actualNoOfIDs = pageIDs.length;
    count = actualNoOfIDs + 2;
    pageIDsArray = new int[count];
    for (int i = 0; i < actualNoOfIDs; i++) {
        pageIDsArray[i + 1] = pageIDs[i];
    }
    pageIDsArray[0] = pageIDs[actualNoOfIDs - 1];
    pageIDsArray[count - 1] = pageIDs[0];

    pager.setOnPageChangeListener(new OnPageChangeListener() {

        public void onPageSelected(int position) {
            int pageCount = getCount();
            if (position == 0){
                pager.setCurrentItem(pageCount-2,false);
            } else if (position == pageCount-1){
                pager.setCurrentItem(1,false);
            }
        }

        public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
            // TODO Auto-generated method stub
        }

        public void onPageScrollStateChanged(int state) {
            // TODO Auto-generated method stub
        }
    });
}

public int getCount() {
    return count;
}

public Object instantiateItem(View container, int position) {
    LayoutInflater inflater = (LayoutInflater) container.getContext()
            .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
    int pageId = pageIDsArray[position];
    View view = inflater.inflate(pageId, null);
    ((ViewPager) container).addView(view, 0);
    return view;
}

@Override
public void destroyItem(View container, int position, Object object) {
    ((ViewPager) container).removeView((View) object);
}

@Override
public void finishUpdate(View container) {
    // TODO Auto-generated method stub
}

@Override
public boolean isViewFromObject(View view, Object object) {
    return view == ((View) object);
}

@Override
public void restoreState(Parcelable state, ClassLoader loader) {
    // TODO Auto-generated method stub
}

@Override
public Parcelable saveState() {
    // TODO Auto-generated method stub
    return null;
}

@Override
public void startUpdate(View container) {
    // TODO Auto-generated method stub
}
}

这是你的主要类：

>

public class MainActivity extends Activity {

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

    ViewPager myPager = (ViewPager) findViewById(R.id.conpageslider);
    PagerAdapter adapter = new CircularPagerAdapter(myPager, new int[]{R.layout.first_activity, R.layout.second_activity, R.layout.third_activity});
    myPager.setAdapter(adapter);
    myPager.setCurrentItem(3);


}

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    getMenuInflater().inflate(R.menu.activity_main, menu);
    return true;
}


}