logo标签列表

如何在ViewPager上实现循环滚动？

androidscrollandroid-viewpager
31

我想将我的ViewPager设置为循环滚动。我希望第一页能够向第二页和最后一页滚动。我也希望我的最后一页能够向[last page -1]和第一页滚动。我已经尝试过了，但我不确定何时调用我创建的方法。似乎ViewPager中没有处理此类操作的方法，因此我创建了下面的方法。

    public ViewPagerAdapter(final ViewPager pager, int... pageIDs) {
        super();
        int actualNoOfIDs = pageIDs.length;
        count = actualNoOfIDs + 2;
        Log.d(TAG, "actualNoOfIDs: " + actualNoOfIDs +
                "count: " + count);

        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];

        Log.d(TAG, "actualNoOfIDs#2: " + actualNoOfIDs +
                "count#2: " + count);
        pager.setOnPageChangeListener(new OnPageChangeListener() {
            @Override
            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);
                }
            }

            @Override
            public void onPageScrollStateChanged(int state) {
                // TODO Auto-generated method stub
                Log.d(TAG, "onPageScrollStateChanged()");
//              if (state == ViewPager.SCROLL_STATE_IDLE) { 
//                  int pageCount = getCount(); 
//                  int currentItem = pager.getCurrentItem(); 
//                  if (currentItem == 0) { 
//                      pager.setCurrentItem(pageCount - 2, false); 
//                  } else if (currentItem == pageCount - 1) { 
//                      pager.setCurrentItem(1, false); 
//                  } 
//              } 

            }

            @Override
            public void onPageScrolled(int position, float positionOffset, 
                    int positionOffsetPixels) {
                // TODO Auto-generated method stub
                Log.d(TAG, "onPageScrolled()");

            }
        });
    }

我的整个代码有点长，但如果有帮助的话我可以发布它。

public class ViewPagerAdapter extends PagerAdapter {
    public static String TAG = ViewPagerAdapter.class.getSimpleName();

    private int count;
    private int[] pageIDsArray;

    private TextToSpeech btnTTS;
    private TtsButton tTSBtn;

    String inputTxt;
    Context context;
    View itemView;

    TextView tvNumber; // container for atomic number
    TextView tvSymbol; // container for symbol
    TextView tvWeight; // container for weight
    TextView tvName; // container for name
    TextView tvGroup; // container for group
    TextView tvPeriod; // container for period
    TextView tvBlock; // container for block
    TextView tvFamily; // container for family
    TextView tvColor; // container for color
    TextView tvPhase; // container for phase
    TextView tvMelt; // container for melting point
    TextView tvBoil; // container for boiling point
    TextView tvNeutrons; // container for neutrons
    TextView tvProtons; // container for protons
    TextView tvElectrons; // container for electrons
    TextView tvUrl; // container for electrons

    public ViewPagerAdapter(Context context, List<Integer> arrayAtomicNum, 
            List<String> arrayName, List<String> arraySymbol, List<String> arrayFamily,
            List<String> arrayPhase, List<String> arrayColor, List<Integer> arrayGroup, 
            List<Integer> arrayPeriod, List<String> arrayBlock, List<Integer> arrayProtons,
            List<Integer> arrayNeutrons, List<Integer> arrayElectrons, List<Double> arrayWeight,
            List<Double> arrayMelt, List<Double> arrayBoil, List<String> arrayUrl) {    
        this.context = context;
        ElementStructure.arrayAtomicNum = arrayAtomicNum;
        ElementStructure.arrayName = arrayName;
        ElementStructure.arraySymbol = arraySymbol;
        ElementStructure.arrayFamily = arrayFamily;
        ElementStructure.arrayPhase = arrayPhase;
        ElementStructure.arrayColor = arrayColor;
        ElementStructure.arrayGroup = arrayGroup;
        ElementStructure.arrayPeriod = arrayPeriod;
        ElementStructure.arrayBlock = arrayBlock;
        ElementStructure.arrayProtons = arrayProtons;
        ElementStructure.arrayNeutrons = arrayNeutrons;
        ElementStructure.arrayElectrons = arrayElectrons;
        ElementStructure.arrayWeight = arrayWeight;
        ElementStructure.arrayMelt = arrayMelt;
        ElementStructure.arrayBoil = arrayBoil;
        ElementStructure.arrayUrl = arrayUrl;
    }


    public ViewPagerAdapter(final ViewPager pager, int... pageIDs) {
        super();
        int actualNoOfIDs = pageIDs.length;
        count = actualNoOfIDs + 2;
        Log.d(TAG, "actualNoOfIDs: " + actualNoOfIDs +
                "count: " + count);

        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];

        Log.d(TAG, "actualNoOfIDs#2: " + actualNoOfIDs +
                "count#2: " + count);
        pager.setOnPageChangeListener(new OnPageChangeListener() {
            @Override
            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);
                }
            }

            @Override
            public void onPageScrollStateChanged(int state) {
                // TODO Auto-generated method stub
                Log.d(TAG, "onPageScrollStateChanged()");
//              if (state == ViewPager.SCROLL_STATE_IDLE) { 
//                  int pageCount = getCount(); 
//                  int currentItem = pager.getCurrentItem(); 
//                  if (currentItem == 0) { 
//                      pager.setCurrentItem(pageCount - 2, false); 
//                  } else if (currentItem == pageCount - 1) { 
//                      pager.setCurrentItem(1, false); 
//                  } 
//              } 

            }

            @Override
            public void onPageScrolled(int position, float positionOffset, 
                    int positionOffsetPixels) {
                // TODO Auto-generated method stub
                Log.d(TAG, "onPageScrolled()");

            }
        });
    }

    @Override
    public int getCount() {
        // TODO Auto-generated method stub
        return ElementStructure.arrayAtomicNum.size();

    }

    @Override
    public boolean isViewFromObject(View view, Object object) {
        // TODO Auto-generated method stub
        return view == ((RelativeLayout) object);
    }

    @Override
    public Object instantiateItem(ViewGroup container, final int position) {

        LayoutInflater inflater = (LayoutInflater) context
             .getSystemService(Context.LAYOUT_INFLATER_SERVICE);

        int layoutColorId = ElementStructure.arrayLayoutColor.get(position);

        if (layoutColorId == 1) {
            itemView = inflater.inflate(R.layout.frame_learn_a, container,
                     false);
        } else if (layoutColorId == 2) {
            itemView = inflater.inflate(R.layout.frame_learn_b, container,
                     false);
        } else if (layoutColorId == 3) {
            itemView = inflater.inflate(R.layout.frame_learn_c, container,
                     false);
        } else if (layoutColorId == 4) {
            itemView = inflater.inflate(R.layout.frame_learn_d, container,
                     false);    
        }

        Button btnSpeak = (Button)itemView.findViewById(R.id.btnaudio);

        btnSpeak.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                // TODO Auto-generated method stub
                inputTxt = ElementStructure.arrayName.get(position);
                tTSBtn = new TtsButton(this, inputTxt); 
            }

        });

        // atomic number textView
        tvNumber = (TextView)itemView.findViewById(R.id.metanumber);

        // symbol textView
        tvSymbol = (TextView)itemView.findViewById(R.id.metasymbol);

        // weight textView
        tvWeight = (TextView)itemView.findViewById(R.id.metaweight);

        // name textView
        tvName = (TextView)itemView.findViewById(R.id.metaname);

        // group textView
        tvGroup = (TextView)itemView.findViewById(R.id.metagroup);

        // period textView
        tvPeriod = (TextView)itemView.findViewById(R.id.metaperiod);

        // block textView
        tvBlock = (TextView)itemView.findViewById(R.id.metablock);

        // family textView
        tvFamily = (TextView)itemView.findViewById(R.id.metafamily);

        // color textView
        tvColor = (TextView)itemView.findViewById(R.id.metacolor);

        // phase textView
        tvPhase = (TextView)itemView.findViewById(R.id.metaphase);

        // melting point textView
        tvMelt = (TextView)itemView.findViewById(R.id.metamelt);

        // boiling point textView
        tvBoil = (TextView)itemView.findViewById(R.id.metaboil);

        // neutrons textView
        tvNeutrons = (TextView)itemView.findViewById(R.id.metaneutrons);

        // protons textView
        tvProtons = (TextView)itemView.findViewById(R.id.metaprotons);

        // electrons textView
        tvElectrons = (TextView)itemView.findViewById(R.id.metaelectrons);

        // url textView
        tvUrl = (TextView)itemView.findViewById(R.id.metaurl);

        // capture position and set to the TextViews
        tvNumber.setText(String.valueOf(ElementStructure.arrayAtomicNum.get(position)));
        tvSymbol.setText(ElementStructure.arraySymbol.get(position));
        tvWeight.setText(String.valueOf(ElementStructure.arrayWeight.get(position)));
        tvName.setText(ElementStructure.arrayName.get(position));
        tvPeriod.setText(String.valueOf(ElementStructure.arrayPeriod.get(position)));
        tvBlock.setText(String.valueOf(ElementStructure.arrayBlock.get(position)));
        tvFamily.setText(ElementStructure.arrayFamily.get(position));
        tvColor.setText(ElementStructure.arrayColor.get(position));
        tvPhase.setText(ElementStructure.arrayPhase.get(position));
        tvNeutrons.setText(String.valueOf(ElementStructure.arrayNeutrons.get(position)));
        tvProtons.setText(String.valueOf(ElementStructure.arrayProtons.get(position)));
        tvElectrons.setText(String.valueOf(ElementStructure.arrayElectrons.get(position)));
        tvUrl.setText(ElementStructure.arrayUrl.get(position));

        // capture position, adjust for 0 value cases
        if (ElementStructure.arrayGroup.get(position) == 0) {
            tvGroup.setText("n/a");
        } else {
            tvGroup.setText(String.valueOf(ElementStructure.arrayGroup.get(position)));
        }

        if (ElementStructure.arrayMelt.get(position) == 0) {
            tvMelt.setText("n/a");
        } else {
            tvMelt.setText(String.valueOf(ElementStructure.arrayMelt.get(position)));
        }

        if (ElementStructure.arrayBoil.get(position) == 0) {
            tvBoil.setText("n/a");
        } else {
            tvBoil.setText(String.valueOf(ElementStructure.arrayBoil.get(position)));
        }

        // add fragments to container (ViewPager)
        ((ViewPager) container).addView(itemView);
        return itemView;

    }

    @Override
    public void destroyItem(ViewGroup container, int position, Object object) {
        Log.d(TAG, "destroyItem()");
        // remove fragments from container (ViewPager)
        ((ViewPager) container).removeView((RelativeLayout) object);
    }


    @Override
    public void finishUpdate(View container) {
        // TODO Auto-generated method stub
        Log.d(TAG, "finishUpdate()");
    }

    @Override
    public void restoreState(Parcelable state, ClassLoader loader) {
        // TODO Auto-generated method stub
        Log.d(TAG, "restoreState()");
    }

    @Override
    public Parcelable saveState() {
        // TODO Auto-generated method stub
        Log.d(TAG, "saveState()");
        return null;
    }

    @Override
    public void startUpdate(View container) {
        // TODO Auto-generated method stub
        Log.d(TAG, "startUpdate()");
    }




    public class TtsButton extends Activity implements OnInitListener {

        public TtsButton(OnClickListener onClickListener, String inputTxt) {
            super();
            tTSCheck(inputTxt);
        }

        private void tTSCheck (String inputTxt) {

            int resultCodeCheck = TextToSpeech.Engine.CHECK_VOICE_DATA_PASS;
            if (resultCodeCheck == 1) {
                btnTTS = new TextToSpeech(context, this);
            } else {
                Intent installTTSFiles = new Intent(); //missing data, install it
                installTTSFiles.setAction(TextToSpeech.Engine.ACTION_INSTALL_TTS_DATA);
                startActivity(installTTSFiles);
            }
        }

        @Override
        public void onInit(int status) {
            // TODO Auto-generated method stub
            if(status == TextToSpeech.SUCCESS)
            {
                Log.i(TAG, "TTS INIT: SUCCESS");
                btnTTS.setLanguage(Locale.US);
                btnTTS.speak(inputTxt, TextToSpeech.QUEUE_FLUSH, null);
            }
            else if(status == TextToSpeech.ERROR)
            {
                Log.e(TAG, "TTS INIT: ERROR");
            }
        }

        @Override
        public void onPause() {
            if (btnTTS != null) {
                btnTTS.stop();
                btnTTS.shutdown();
            }
            super.onPause();
        }

    } //end embedded class

} //end ViewPagerAdapter

提前感谢。我想尝试使用动态手势，但我真的不明白为什么我的方法不能在正确的位置调用它。我的初始想法是在“Object instantiateItem（ViewGroup容器，最终位置）”中每次位置改变时调用它，如果条件正确的话。但我不确定是否这样做是最好的。

1
希望这可以帮到你。 http://thehayro.blogspot.com/2012/12/enable-infinite-paging-with-android.html - Chris Zhang
可能是ViewPager作为循环队列/包装的重复内容。 - Eliezer
这里唯一好的解决方案：https://dev59.com/jGsz5IYBdhLWcg3w9ssQ#57004646 - extmkv
10个回答
46

这是一种没有虚假页面的解决方案，而且非常好用：

public class CircularViewPagerHandler implements ViewPager.OnPageChangeListener {
    private ViewPager   mViewPager;
    private int         mCurrentPosition;
    private int         mScrollState;

    public CircularViewPagerHandler(final ViewPager viewPager) {
        mViewPager = viewPager;
    }

    @Override
    public void onPageSelected(final int position) {
        mCurrentPosition = position;
    }

    @Override
    public void onPageScrollStateChanged(final int state) {
        handleScrollState(state);
        mScrollState = state;
    }

    private void handleScrollState(final int state) {
        if (state == ViewPager.SCROLL_STATE_IDLE && mScrollState == ViewPager.SCROLL_STATE_DRAGGING) {
            setNextItemIfNeeded();
        }
    }

    private void setNextItemIfNeeded() {
        if (!isScrollStateSettling()) {
            handleSetNextItem();
        }
    }

    private boolean isScrollStateSettling() {
        return mScrollState == ViewPager.SCROLL_STATE_SETTLING;
    }

    private void handleSetNextItem() {
        final int lastPosition = mViewPager.getAdapter().getCount() - 1;
        if(mCurrentPosition == 0) {
            mViewPager.setCurrentItem(lastPosition, true);
        } else if(mCurrentPosition == lastPosition) {
            mViewPager.setCurrentItem(0, true);
        }
    }

    @Override
    public void onPageScrolled(final int position, final float positionOffset, final int positionOffsetPixels) {
    }
}

你只需要将它设置为你的ViewPager作为onPageChangeListener，就可以了：

viewPager.setOnPageChangeListener(new CircularViewPagerHandler(viewPager));
为了避免在您的ViewPager的“末尾”出现这种蓝色的发光效果，您应该在包含ViewPager的xml中应用下面这行代码：

为了避免在您的ViewPager的“末尾”出现这种蓝色的发光效果，您应该在包含ViewPager的xml中应用下面这行代码：

android:overScrollMode="never"
18
如果从最后一页向左滑动到第一页，您将无法保持滑动动画，第一页将没有任何动画出现，反之亦然。此外，如果您启用了平滑滚动，在这段代码中它会在第一页和最后一页之间来回跳动，形成无限循环--> mViewPager.setCurrentItem(0, true)。 - Jayant Arora
3
我已经改善了上面的解决方案并在Github上创建了一个小库。随意查看 :) https://github.com/TobiasBuchholz/CircularViewPager - tobi_b
5
您好！我尝试了您的答案，结果发现如果在 mViewPager.setCurrentItem(0, true); 中启用 **平滑滚动(smooth scrolling)**，那么它会不停地来回滚动。 - Daksh Gargas
4
嗨，我通过以下检查修复了平滑滚动：if（state == ViewPager.SCROLL_STATE_IDLE && mScrollState == ViewPager.SCROLL_STATE_DRAGGING） - petrumo
3
谢谢，但是滚动不够流畅，上面的提示没有帮助。 - CoolMind
显示剩余6条评论
16

好的，我有一个答案。实际上比我预期的要简单，但需要一些技巧。首先，让我从设置开始。比如说，你有三个页面(A-B-C)在你的ViewPager中，你想设置这样一个功能：如果你继续在C(第3页)上滚动，它会跳转到A(第1页)，如果你在A(第1页)上向后滚动，它会跳转到C(第3页)。

我并不是说我的解决方案是最好的，但它有效而且我没有看到任何问题。首先，你必须创建两个“假”的页面。这些假页面代表了你的ViewPager的第一页和最后一页。接下来，你需要设置一个onPageChangeListener()，并使用方法onPageSelected()。为什么你需要假页面呢？因为onPageSelected()只在你移动（滑动）之后才注册。换句话说，如果没有这个方法，最终用户就必须滚动到第二页，然后返回第一页才能收到第一页的信息，这也意味着根据你的代码逻辑，第一页可能会被跳过。

设置实际上就是整个答案。一旦你有了假页面，就只是在必要的方法内部使用setCurrentItem()的问题了。

以下是我的代码。请确保将其放置在你的public Object instantiateItem(final ViewGroup container, final int position)方法内部，在你返回容器中的视图之前。

((ViewPager) container).setOnPageChangeListener(new OnPageChangeListener() {
            @Override
            public void onPageSelected(int position) {
                Log.d(TAG, "onPageSelected() :: " + "position: " + position);

                // skip fake page (first), go to last page
                if (position == 0) {
                    ((ViewPager) container).setCurrentItem(118, false);
                }

                // skip fake page (last), go to first page
                if (position == 119) {
                    ((ViewPager) container).setCurrentItem(1, false); //notice how this jumps to position 1, and not position 0. Position 0 is the fake page!
                }

            }

就这样，它完成了！唯一需要做的事情是从位置1开始启动您的ViewPager（第二页：伪页面=pg 1，我的真实起始页面=pg 2）。现在，每次我滚动到虚拟页面时，我都会将其向后重定向到上一个真实页面。每次我向前滚动到最后一个虚拟页面时，我会将其向前重定向到真正的起始页面（pg 2）。

另外，请不要尝试将任何代码放入onPageScrollStateChanged中。该方法很奇怪，状态值似乎无法控制。它不断地从一个状态跳到另一个状态，即使没有滚动。这只是我学到的一个提示。

4
完美，那如何使滚动更加流畅？ - Ravi
1
setCurrentItem(1, true) 用于平滑滚动。 - Mehvish Ali
1
不错的解决方案！问题在于我首先会短暂地看到假页面，然后立即看到正确的页面。我使用的是AndroidX。 这个问题该如何解决？ - tm1701
4
我已经创建了一个循环的viewpager，在向左滑动的时候，可以平滑地从最后一页滑到第一页；在向右滑动的时候，可以平滑地从第一页滑到最后一页。
为此，需要将最后一页添加到第一页前面，并将第一页添加到最后一页后面。在addOnPageChangeListener中，我们需要进行一些计算。当处于位置0时，需要在onPageScrollStateChanged中将当前项设置为最后一项，反之亦然。
请查看代码：
public class ViewPagerCircular_new extends AppCompatActivity {
ViewPager viewPager;
ArrayList<String> str = new ArrayList<String>();
boolean chageImage = false;
int setPos;

@Override
protected void onCreate(Bundle savedInstanceState)
{
    super.onCreate(savedInstanceState);
    setContentView(R.layout.view_pager_normal);
    viewPager = (ViewPager) findViewById(R.id.vf_home_top_pager);
    str.add("6");         // added the last page to the frist
    str.add("1");        // First item to display in view pager
    str.add("2");
    str.add("3");
    str.add("4");
    str.add("5");
    str.add("6");     // last item to display in view pager
    str.add("1");      // added the first page to the last
    ViewPagerAdapter adapter = new ViewPagerAdapter(getSupportFragmentManager());
    viewPager.setAdapter(adapter);
    viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener()
    {

        @Override
        public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels)
        {
            if (position == str.size() - 1)
            {
                chageImage = true;
                setPos = 1;
            } else if (position == 0)
            {
                chageImage = true;
                setPos = str.size() - 2;
            } else
            {
                chageImage = false;
            }
        }

        @Override
        public void onPageSelected(int position)
        {
        }

        @Override
        public void onPageScrollStateChanged(int state)
        {
            if (state == ViewPager.SCROLL_STATE_IDLE && chageImage)
            {
                viewPager.setCurrentItem(setPos, false);
            }
        }
    });
// display the 1st item as current item 
    viewPager.setCurrentItem(1);
}

// 分页适配器

public class ViewPagerAdapter extends FragmentStatePagerAdapter
{

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

    @Override
    public Fragment getItem(int position)
    {
        PagerFragment fragment = new PagerFragment();
        Bundle bundle = new Bundle();
        bundle.putString("pos", str.get(position));
        fragment.setArguments(bundle);
        return fragment;
    }

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

}

//在适配器中展示的片段

public class PagerFragment extends Fragment
{

    Bundle bundle;
    String pos;

    public PagerFragment()
    {
    }

    @Override
    public void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        bundle = getArguments();
        pos = bundle.getString("pos");
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState)
    {
        TextView textView = new TextView(ViewPagerCircular_new.this);
        textView.setGravity(Gravity.CENTER);
        textView.setTextSize(25);
        textView.setText(pos);
        return textView;
    }

}

}

2

我稍微修改了@portfoliobuilder的答案。非常简单。 将当前项目设置为“0”，直到PageChangeState，这样它会非常顺畅。

((ViewPager)container).setOnPageChangeListener(new ViewPager.OnPageChangeListener() {

    @Override
    public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

    }

    @Override
    public void onPageSelected(int position) {
        currentPage = position;
    }

    @Override
    public void onPageScrollStateChanged(int state) {

        // state equals to 0 means the scroll action is stop
        if(state == 0) {

            if(currentPage == 0)
                ((ViewPager)container).setCurrentItem(imageResourceList.size()-2,false);

            if(currentPage == imageResourceList.size()-1)
                ((ViewPager)container).setCurrentItem(1,false);
        }
    }
});
2

这是一个简单的例子，监听器的重要部分在STATE_IDLE周期结束点的检测上。 首先实现OnPageChangeListener类，然后在处理程序类中添加以下部分：

Original Answer翻译成：最初的回答

@Override
    public void onPageScrollStateChanged(int state) {

        if (state == ViewPager.SCROLL_STATE_IDLE) {

            if (mPreviousPosition == mCurrentPosition && !mIsEndOfCycle) {

                if (mCurrentPosition == 0) {
                    mViewPager.setCurrentItem(getAdapterItemsCount() - 1);
                } else {
                    mViewPager.setCurrentItem(0);
                }

                mIsEndOfCycle = true;
            } else {
                mIsEndOfCycle = false;
            }

            mPreviousPosition = mCurrentPosition;
        }

    }
2

试试这个

((ViewPager) container)
                .setOnPageChangeListener(new OnPageChangeListener() {
                    @Override
                    public void onPageSelected(int position) {
                        Log.i("TAG", "pos::" + position);

                    }
                    @Override
                    public void onPageScrollStateChanged(int state) {
                        // TODO Auto-generated method stub                            
                           int currentPage = pager.getCurrentItem();
                           Log.i("TAG", "currentPage::" + currentPage);
                           Log.i("TAG", "currentState::" + currentState);
                           Log.i("TAG", "previousState::" + previousState);
                           if (currentPage == 4 || currentPage == 0) {
                            previousState = currentState;
                            currentState = state;
                            if (previousState == 1 && currentState == 0) {
                             pager.setCurrentItem(currentPage == 0 ? 4 : 0);
                            }
                           }

                    }

                    @Override
                    public void onPageScrolled(int arg0, float arg1,
                            int arg2) {
                        // TODO Auto-generated method stub

                    }
                });

        return

这应该放在里面

 @Override
    public Object instantiateItem(final View container, int position) {}
完美运行。由于我正在使用CirclePageIndicator，所以无法在开头和结尾添加虚假页面。使用此代码，我可以轻松地循环我的ViewPager。 - Rohan Kandwal
@RohanKandwal 你能在这里粘贴你的工作代码吗？因为在我的情况下，这个解决方案不起作用。 - BMM
闪烁看起来真的很糟糕！ - TacB0sS
2
这是我的解决方案：

myViewPager.java

public class myViewPager extends PagerAdapter {

    public myViewPager (Context context) {
        this.context = context;
    }

    @Override
    public int getCount() {
        return rank.length+2;
    }

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

    @Override
    public Object instantiateItem(ViewGroup container, int position) {
        // Declare Variables

        TextView textViewRank;



        //Log.i(TAG, "get position = "+position);

        inflater = (LayoutInflater) context
            .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        View itemView = inflater.inflate(R.layout.viewpager_item, container,
            false);

        textViewRank= (TextView) itemView.findViewById(R.id.textView1);

        if (position == getCount() - 1) {
            textViewRank.setText(rank[0]);
        } else if (position == 0) {
            textViewRank.setText(rank[rank.length-1]);
        } else {
            textViewRank.setText(rank[position-1]);
        }


        ((ViewPager) container).addView(itemView);

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

viewpager_item.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="horizontal" android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:id="@+id/textView1"/>
</LinearLayout>

MainActivity.java

public class MainActivity extends AppCompatActivity {
    private static final String TAG = MainActivity.class.getName();
    public static String[] rank;
    myViewPager adapter;
    private ViewPager viewPager;
    private static int currentPage;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        rank = new String[] { "1", "2", "3", "4", "5", "6", "7", "8", "9", "10" };
        viewPager = (ViewPager) findViewById(R.id.view_pager);
        adapter = new myViewPager(this);

        viewPager.setAdapter(adapter);

        viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageSelected(int position) {
                Log.i(TAG, "onPageSelected = "+position);
                currentPage = position;
            }
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
                // not needed
            }
            @Override
            public void onPageScrollStateChanged(int state) {
                if (state == ViewPager.SCROLL_STATE_IDLE) {
                    int pageCount = rank.length+2;

                    if (currentPage == pageCount-1){
                        viewPager.setCurrentItem(1,false);
                    } else if (currentPage == 0){
                        viewPager.setCurrentItem(pageCount-2,false);
                    }
                }
            }
        });
    }


}

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">

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

</LinearLayout>

假设该数组有10个元素。然后“添加”2个虚拟元素，但实际上并未添加。当调用“get_count”函数时，只需返回大小为10 + 2个元素。
虚拟 e [0] e [1] e [2] e [3] e [4] e [5] e [6] e [7] e [8] e [9] 虚拟
在viewPager.addOnPageChangeListener中：
当您滑动到最后一个元素时，viewPager应将第一个元素设置为下一个。
if (currentPage == pageCount-1){
    viewPager.setCurrentItem(1,false);
}

当你滑动到第一个元素时，ViewPager 应该将最后一个元素设置为下一个。
else if (currentPage == 0){
    viewPager.setCurrentItem(pageCount-2,false);
}

在instantiateItem中：

 if (position == getCount() - 1) {
    textViewRank.setText(rank[0]);
 } else if (position == 0) {
    textViewRank.setText(rank[rank.length-1]);    
 } else {
    textViewRank.setText(rank[position-1]);
 }
1

@tobi_b的回答并不完全成功，因为在我的尝试中它不能从最后一个幻灯片平滑地滑动到第一个。但是他的答案确实给了我启示。

我的解决方案是，在从虚假的最后一张跳转到真正的第一张时，等待最后一次滚动完成。这是我的代码，非常简单，

private final class MyPageChangeListener implements OnPageChangeListener {

    private int currentPosition;

    @Override
    public void onPageScrollStateChanged(int state) {
        if (state == ViewPager.SCROLL_STATE_IDLE) {
            if (currentPosition == viewPager.getAdapter().getCount() - 1) {
                viewPager.setCurrentItem(1, false);
            }
            else if (currentPosition == 0) {
                viewPager.setCurrentItem(viewPager.getAdapter().getCount() - 2, false);
            }
        }
    }

    @Override
    public void onPageScrolled(int scrolledPosition, float percent, int pixels) {
        //empty
    }

    @Override
    public void onPageSelected(int position) {
        currentPosition = position;
    }

}

然而，这种解决方案并不完美。当从最后一个幻灯片快速滑动到第一个幻灯片时，它有一个小缺陷。如果我们在很短的时间内滑动两次，第二次滑动将无效。这个问题需要解决。
1
我尝试了@portfoliobuilder的解决方案，很棒。但是有一个小问题：当当前项目是头部或尾部时，如果我只是单击ViewPager而不是拖动，则项目将更改为尾部或头部。我向ViewPager添加了一个触摸监听器来解决这个问题。
skinPager.setOnTouchListener(new OnTouchListener() {

        @Override
        public boolean onTouch(View v, MotionEvent event) {
            //Record the x when press down and touch up, 
            //to judge whether to scroll between head and tail
            int x = (int) event.getX();
            int y = (int) event.getY();
            if(event.getAction() == MotionEvent.ACTION_DOWN)
                skinPagerPressX = x;
            else if(event.getAction() == MotionEvent.ACTION_UP)
                skinPagerUpX = x;
            return false;
        }
    });

以下是portfoliobuilder的修改函数：
private void handleSetNextItem() {
    final int lastPosition = skinPager.getAdapter().getCount() - 1;
    //Only scroll when dragged
    if(mCurrentPosition == 0 && skinPagerUpX > skinPagerPressX) {
        skinPager.setCurrentItem(lastPosition, false);
    } else if(mCurrentPosition == lastPosition && skinPagerUpX < skinPagerPressX) {
        skinPager.setCurrentItem(0, false);
    }
}
0

解决了从右向左滑动第一页到最后一页以及反之时动画丢失的问题

在@tobi_b的答案上稍作修改，解决了我的问题。 为此，在开头添加最后一页的副本和最后一页的第一页。然后只需从PagerAdapter中的下面方法中删除NOT运算符。并将setCurrentItem（lastposition，false）更改为setCurrentItem（lastposition-1，false），将setCurrentItem（0，false）更改为setCurrentItem（1，false）。

private void setNextItemIfNeeded() {
    if (isScrollStateSettling()) {
        handleSetNextItem();
    }
}

private boolean isScrollStateSettling() {
    return mScrollState == ViewPager.SCROLL_STATE_SETTLING;
}
private void handleSetNextItem() {
    final int lastPosition = pager.getAdapter().getCount() - 1;
    if(mCurrentPosition == 0) {
        pager.setCurrentItem(lastPosition-1, false);
    } else if(mCurrentPosition == lastPosition) {
       pager.setCurrentItem(1, false);
    }
}

在你的MainActivity.java中，别忘了将当前项目设置为1。 希望这能帮到一些人。
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接