Android ViewPager2 setPageMargin 未解决

Question

我想使用 View Pager2 实现 Carousel，像这样预览左右页面:

最初我使用的是支持的view pager1。现在我认为它被删除了

    viewPagerhost.setPageMargin(20);

知道我们如何使用 View Pager 2 实现这一点

Answer 1

MarginPageTransformer 无法满足您的需求。

您必须使用自定义 setPageTransformer。

---

第一步

这是我的扩展方法。

您可以在这篇文章中查看详细信息 Medium article

fun ViewPager2.setShowSideItems(pageMarginPx : Int, offsetPx : Int) {

    clipToPadding = false
    clipChildren = false
    offscreenPageLimit = 3

    setPageTransformer { page, position ->

        val offset = position * -(2 * offsetPx + pageMarginPx)
        if (this.orientation == ViewPager2.ORIENTATION_HORIZONTAL) {
            if (ViewCompat.getLayoutDirection(this) == ViewCompat.LAYOUT_DIRECTION_RTL) {
                page.translationX = -offset
            } else {
                page.translationX = offset
            }
        } else {
            page.translationY = offset
        }
    }

}

第二步

根据您的用例设置 pageMarginPx 和 offsetPx。

<resources>
    <dimen name="pageMargin">20dp</dimen>
    <dimen name="pagerOffset">30dp</dimen>
    <dimen name="pageMarginAndoffset">50dp</dimen>
</resources>

第三步

在您的 xml 中设置布局项的边距。

像这样

    <androidx.cardview.widget.CardView
            app:cardCornerRadius="12dp"

            android:layout_marginTop="16dp"
            android:layout_marginBottom="16dp"

            android:layout_marginLeft="@dimen/pageMarginAndoffset"
            android:layout_marginRight="@dimen/pageMarginAndoffset"

            android:layout_width="match_parent"
            android:layout_height="match_parent">