我有一个 ViewPager,其中的每个视图都是卡片组上卡片的表示.每张卡片的边框上都有一个使用 ViewPager 边距的阴影:
I have a ViewPager in which each of it's views is a representation of card on a deck. Each card has a shadow on the border using the ViewPager margin:
cardsViewPager.setPageMargin(getResources().getDisplayMetrics().widthPixels / 20);
cardsViewPager.setPageMarginDrawable(R.drawable.shadow);
它按预期工作.
但是,如果我添加一个 PageTransformer 以便右侧的卡片将堆叠在左侧的卡片之上:
But, if I add a PageTransformer so that the cards on the right will stack on top of the cards on the left:
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 上有一个缩小效果,我可以看到当前卡片何时被缩小,可绘制的边距低于屏幕上的当前卡片.这是一张描述正在发生的事情的图片:
But now, the margin does not appear. If I had a zoom out effect on the PageTransformer, I can see when the current card is being scaled down, that the margin drawable is below the current card on the screen. Here is a pic to describe what's happening:
蓝卡在红卡之上从右向左刷.由于红牌有比例变换,我们可以看到它后面的黑色可绘制的边距.
The blue card is being swiped from the right to left on top of the red card. Since the red card has a scale transformation, we can see the margin drawable in black behind it.
有没有办法强制可抽取的边距位于红牌之上?这不应该是默认行为吗?
Is there a way to force the margin drawable to be on top of the red card? Shouldn't this be the default behavior?
改成
cardsViewPager.setPageTransformer(true, new ScalePageTransformer(cardsViewPager));
第一个参数是绘制顺序
这篇关于PageTransformer 转换中的 ViewPager 边距的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!