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

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.

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

1. In your 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. In your viewpager_contents.xml

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

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

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 垂直视图寻呼机的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持跟版网！