带有卡片堆栈的Android Vertical View Pager [英] Android Vertical View Pager with card stack

问题描述

我正在尝试使用类似外观的卡片叠来实现垂直可滑动ViewPager.

I am trying to implement a vertical swipeable ViewPager with stack of cards like appearance.

我能够使用ViewPager.PageTransformer并交换接触点来实现VerticalViewPager. 我正在关注卡片外观-

I am able to achieve VerticalViewPager using ViewPager.PageTransformer and swapping the touch points. I am getting following card appearance -

我想获得以下外观-

I want to achieve following appearance -

如何实现此效果? 预先感谢.

How can I achieve this effect? Thanks in Advance.

推荐答案

为实现此垂直View Pager 而没有任何库依赖性 您可以按照以下步骤操作:

In order to achieve this vertical View Pager without any library dependency You can follow the steps below :

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>

在您的 viewpager_contents.xml

您可以根据上述内容创建所需的设计 图片.

You can create the design that you want according to the above picture.

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

1. Create the adapter and model class to hold the data.

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

4.In MainActivity.java, after setting the adapter and the pageTransformer add the following code.

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);
        }
    }
}

有关详细参考，您可以观看以下视频: > 点击此处

For detailed reference you can watch this video: CLICK HERE

希望您将获得所需的输出！

Hope you will get the output what you needed!!

这篇关于带有卡片堆栈的Android Vertical View Pager的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！