在ViewPager滚动时一次显示多个页面

Question

我正在使用ViewPager控件。我在每一页中都有一个图像和许多文本视图。我使用左、右填充以及页边距在显示选定页面时部分显示下一页和上一页。

我想一次显示多个页面，而ViewPager正在滚动。一旦滚动停止，您希望仅在中间显示选定页面，并部分显示上一页和下一页（就像滚动开始之前一样）。

我尝试在< code>ViewPager滚动时增加“左”和“右”填充，并在滚动停止时重置< code >填充。增加填充效果很好，我可以一次看到多个页面。但是将填充重置为原始值不起作用。填充重置为原始值后，< code>ViewPager显示意外对齐。

我还尝试设置负边距。不过，重新设定保证金并没有像预期的那样奏效。

这是视图页导航的定义

<android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:paddingTop="20dp"
        android:clipToPadding="false"
        android:paddingLeft="30dp"
        android:paddingRight="30dp"
        android:layout_width="wrap_content"
        android:layout_height="160dp"/>

viewPager.setPageMargin(CAROUSEL_PAGE_MARGIN);
    viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
                @Override
                public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

                }

                @Override
                public void onPageSelected(int position) {
                        if(getContext() != null) {

                            int paddingLeft = (int) getResources().getDimension(R.dimen.abstract_30dp);
                            int paddingRight = (int) getResources().getDimension(R.dimen.abstract_30dp);

                            int paddingTop = (int) getResources().getDimension(R.dimen.abstract_20dp);
                            int paddingBottom = 0;

                            viewPager.setPaddingRelative(paddingLeft, paddingTop, paddingRight, paddingBottom);
                        }

                }

                @Override
                public void onPageScrollStateChanged(int state) {
                    if (state == ViewPager.SCROLL_STATE_DRAGGING) {
                            if (getContext() != null) {

                                int paddingLeft = (int) getResources().getDimension(R.dimen.abstract_100dp);
                                int paddingRight = (int) getResources().getDimension(R.dimen.abstract_100dp);

                                int paddingTop = (int) getResources().getDimension(R.dimen.abstract_20dp);
                                int paddingBottom = 0;

                                viewPager.setPaddingRelative(paddingLeft, paddingTop, paddingRight, paddingBottom);
                            }

                        }

                        if (state == ViewPager.SCROLL_STATE_IDLE) {
                            if (getContext() != null) {

                                int paddingLeft = (int) getResources().getDimension(R.dimen.abstract_30dp);
                                int paddingRight = (int) getResources().getDimension(R.dimen.abstract_30dp);

                                int paddingTop = (int) getResources().getDimension(R.dimen.abstract_20dp);
                                int paddingBottom = 0;

                                viewPager.setPaddingRelative(paddingLeft, paddingTop, paddingRight, paddingBottom);
                            }

                        }
                    }
                }
            });

这是我需要的，

Answer 1

你这个代码片段

        mViewPager.setClipChildren(false);
        mViewPager.setClipToPadding(false);
        int margin = (int) getResources().getDimension(R.dimen.d_margin_large);//16dp
        final int padding = (int) getResources().getDimension(R.dimen.d_margin_ex_large);//18dp
        mViewPager.setPageMargin(margin);
        mViewPager.setPadding(padding * 2, 0, padding * 2, 0);
        mViewPager.setPageTransformer(false, new ViewPager.PageTransformer() {
            @Override public void transformPage(View page, float position) {
                if (mViewPager.getCurrentItem() == 0) {
                    page.setTranslationX(-(padding));
                } else if (mViewPager.getCurrentItem() == mViewPagerAdapter.getCount() - 1) {
                    page.setTranslationX(padding);
                } else {
                    page.setTranslationX(0);
                }
            }
        });