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

178 阅读1分钟

在这里插入图片描述

在这里插入图片描述

UI布局

   <com.bartoszlipinski.flippablestackview.FlippableStackView
        android:id="@+id/stack"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

数据加载

简单使用

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'的情况。实际工程配置可能有其他异常情况哈!

参考

开源库:github.com/blipinsk/Fl…

好用的Api工具推荐

历时一年半多开发终于smartApi-v1.0.0版本在2023-09-15晚十点正式上线 smartApi是一款对标国外的postman的api调试开发工具,由于开发人力就作者一个所以人力有限,因此v1.0.0版本功能进行精简,大功能项有:

  • api参数填写
  • api请求响应数据展示
  • PDF形式的分享文档
  • Mock本地化解决方案
  • api列表数据本地化处理
  • 再加上UI方面的打磨

本地运行,性能优越,高效,快捷

下面是一段smartApi使用介绍: 在这里插入图片描述

下载地址

pan.baidu.com/s/1WGaIDYQv…