带有卡片堆栈的 Android 垂直视图寻呼机

Question

我正在尝试ViewPager使用一堆卡片来实现垂直滑动，比如外观。

我能够使用ViewPager.PageTransformer和交换接触点来实现 VerticalViewPager 。我正在获得以下卡片外观 -

我想实现以下外观-

我怎样才能达到这种效果？提前致谢。

Answer 1

为了在没有任何库依赖的情况下实现这种垂直的 View Pager 您可以按照以下步骤操作：

1. 在您的activity_main.xml

   <android.support.v4.view.ViewPager
       android:layout_gravity="center"
       android:layout_width="match_parent"
       android:layout_height="600dp"
       android:id="@+id/viewpager">
   </android.support.v4.view.ViewPager>
   

2. 在您的viewpager_contents.xml

您可以根据上图创建您想要的设计。

3. 创建适配器和模型类来保存数据。

4.在MainActivity.java 中，在设置适配器和 pageTransformer 后添加以下代码。

private class ViewPagerStack implements ViewPager.PageTransformer {
    @Override
    public void transformPage(View page, float position) {
        if (position >= 0) {
            page.setScaleX(0.7f - 0.05f * position);
            page.setScaleY(0.7f);
            page.setTranslationX(-page.getWidth() * position);
            page.setTranslationY(30 * position);
        }
    }
}

有关详细参考，您可以观看此视频： 单击此处

希望你能得到你需要的输出！！