Маржа ViewPager в преобразованиях PageTransformer

У меня есть ViewPager, в котором каждый из его представлений представляет собой представление карты на колоде. Каждая карта имеет тень на границе с помощью поля ViewPager:

cardsViewPager.setPageMargin(getResources().getDisplayMetrics().widthPixels / 20); cardsViewPager.setPageMarginDrawable(R.drawable.shadow); 

И он работает так, как ожидалось.

Но, если я добавлю PageTransformer, чтобы карты справа складывались поверх карт слева:

 public class ScalePageTransformer implements PageTransformer { private final ViewPager mViewPager; public ScalePageTransformer(ViewPager viewPager) { this.mViewPager = viewPager; } @Override public void transformPage(View page, float position) { if (position <= 0) { int pageWidth = mViewPager.getWidth(); final float translateValue = position * -pageWidth; if (translateValue > -pageWidth) { page.setTranslationX(translateValue); } else { page.setTranslationX(0); } } } } 

Я делаю это:

 cardsViewPager.setPageTransformer(false, new ScalePageTransformer(cardsViewPager)); 

Но теперь маржа не появляется. Если у меня был эффект уменьшения масштаба на PageTransformer, я могу видеть, когда текущая карта уменьшена, что допустимое значение поля ниже текущей карты на экране. Вот описание того, что происходит:

Образ

Синяя карта разворачивается справа налево поверх красной карточки. Так как красная карточка имеет масштабное преобразование, мы можем видеть, что позади нее можно выделить маржу.

Есть ли способ заставить маржу, которая может быть на вершине красной карточки? Разве это не должно быть поведение по умолчанию?

Solutions Collecting From Web of "Маржа ViewPager в преобразованиях PageTransformer"

Изменить на

 cardsViewPager.setPageTransformer(true, new ScalePageTransformer(cardsViewPager)); 

Первый аргумент – порядок рисования

Попробуйте использовать этот код для этапа трансформации ваших страниц просмотра:

 private static final float MIN_SCALE = 0.85f; private static final float MIN_ALPHA = 0.5f; public void transformPage(View view, float position) { int pageWidth = view.getWidth(); int pageHeight = view.getHeight(); if (position < -1) { // [-Infinity,-1) // This page is way off-screen to the left. view.setAlpha(0); } else if (position <= 1) { // [-1,1] // Modify the default slide transition to shrink the page as well float scaleFactor = Math.max(MIN_SCALE, 1 - Math.abs(position)); float vertMargin = pageHeight * (1 - scaleFactor) / 2; float horzMargin = pageWidth * (1 - scaleFactor) / 2; if (position < 0) { view.setTranslationX(horzMargin - vertMargin / 2); } else { view.setTranslationX(-horzMargin + vertMargin / 2); } // Scale the page down (between MIN_SCALE and 1) view.setScaleX(scaleFactor); view.setScaleY(scaleFactor); // Fade the page relative to its size. view.setAlpha(MIN_ALPHA + (scaleFactor - MIN_SCALE) / (1 - MIN_SCALE) * (1 - MIN_ALPHA)); } else { // (1,+Infinity] // This page is way off-screen to the right. view.setAlpha(0); } } 

Надеюсь это поможет…