【MyAndroid】viewpage+cardView卡片楼层效果展示（1）--100个经典UI设计模板(98/100)

UI布局

数据加载

简单使用

FlippableStackView stack = (FlippableStackView) findViewById(R.id.stack);
stack.initStack(2);
stack.setAdapter(mStackAdapter); //assuming mStackAdapter contains your initialized adapter

自定义各种参数使用

高度可定制，FlippableStackView可为您提供您真正想要的视觉效果。

有三种方法可以初始化堆栈：

第一个以默认方式（按比例和按方向）设置堆栈：

pu、。；lpo0i987;u9jiokml,.blic voi 吗≤熊¬…，、。d initStack(int numberOfStacked)

第二个以默认方式（按比例）设置堆栈，但让我们选择它的方向：

public void initStack(int numberOfStacked, StackPageTransformer.Orientation orientation)

最后一个…更高级一点（让您自定义所有与比例相关、与方向相关和与对齐相关的参数）：

public void initStack(int numberOfStacked,
                      StackPageTransformer.Orientation orientation,
                      float currentPageScale,
                      float topStackedScale,
                      float overlapFactor,
                      StackPageTransformer.Gravity gravity)

本文gif动画效果使用如下：

  FlippableStackView stack = (FlippableStackView) findViewById(R.id.stack);
        stack.initStack(list.size(), StackPageTransformer.Orientation.HORIZONTAL
                ,0.8f, 0.7f
                , 0.4f, StackPageTransformer.Gravity.TOP);
        stack.setAdapter(pagerAdapter); //assuming mStackAdapter contains your initialized adapter

样式

StackPageTransformer.Gravity.TOP StackPageTransformer.Gravity.CENTER（默认） StackPageTransformer.Gravity.BOTTOM

使用

implementation ('com.bartoszlipinski.flippablestackview:library:1.2.1'){
        exclude module: 'support-v4'
        exclude group: 'com.android.support'
    }

出现了Duplicate class android.support.v4.accessibilityservice.AccessibilityServiceInfoCompat found in 异常情况所以多添加了忽略 'support-v4’的情况。实际工程配置可能有其他异常情况哈！

参考

开源库:https://github.com/blipinsk/FlippableStackView